jquery - JQuery 获取除一些 TD 之外的表格的 HTML

Question

如果我有下表

<table>
 <tr>
   <td>Name</td>
   <td>Age</td>
   <td class='remove'>Age <input type=checkbox  title='Select All' /> </td>
 </tr>
 <tr>
   <td>Na11</td>
   <td>11</td>
   <td class='remove'><input type=checkbox   /></td>
 </tr>
 <tr>
   <td>Name</td>
   <td>Age</td>
   <td class='remove'>Age <input type=checkbox   /></td>
 </tr>
</table>

除了具有“删除”类的 TD 之外，我如何获取该表的 html。我不想使用

.remove()

因为我不需要更改浏览器上的显示。我只需要 HTML。

低于正确

$('table :not(.remove)').html();

但这并没有给我表格的 html。

Answer 1

您可能必须先克隆元素

$('table').clone().find('.remove').remove().end().html();

如果 html 也需要包含table标签，那么

$('table').clone().find('.remove').remove().end()[0].outerHTML;

演示：小提琴

Answer 2

试试这个

 var html1 = $('table').find('.remove').remove().end().html();
 $('#t1').text(html1);
 var html2 = $('table').find('.remove').remove().end()[0].outerHTML;
 $('#t2').text(html2);

如果要更改相同的内容，则无需克隆。