如何从jQuery对象删除元素？Firefox Scratchpad输出HTML方法

我基于GitHub开源源码改编了一款jQuery脚本，在浏览器中运行正常，但测试时发现一个问题：克隆表格行时，会把Django/Bootstrap生成的错误提示（.invalid-feedback元素）也一并复制到新行里，而这些提示本不该出现在新插入的行中。

解决方案 #

通过在克隆操作后，主动移除新行内的所有.invalid-feedback元素，就能解决这个问题。核心代码如下：

// 克隆目标表格行
var clonedRow = $('tr.new-form-container:last').clone();
// 移除克隆行内的错误提示元素
clonedRow.find('.invalid-feedback').remove();

Firefox Scratchpad中输出jQuery对象HTML的两种方法 #

调试时需要查看处理后的jQuery对象对应的HTML代码，整理了两种实用方法：

var o = $('tr.new-form-container:last').clone();
o.find('.invalid-feedback').remove();

// 方法1：通过DOM元素的outerHTML输出完整行的HTML
console.log(o[0].outerHTML);

// 方法2（@jerry提供的更简洁写法）：直接输出jQuery对象内部的HTML内容
console.log(o.html());

完整的解决代码已包含在示例HTML中。

内容的提问来源于stack exchange，提问作者typonaut