jQuery .remove()没有删除

时间:2015-06-15 00:58:20

标签: jquery

我想删除table元素。不是来自DOM。但是从jQuery作为元素的字符串。这是代码:

var content = $('<table cellspacing="0" cellpadding="0" border="0" class="testclass"><tbody><tr><td>test</td></tr></tbody></table>');
content.each(function(){
    $(this).remove();
});
console.log(content.prop('outerHTML'));

如果有超过1个表,jQuery可以删除。例如2或3.最后1仍然是。当字符串中只剩下一个表时,.remove()函数根本不起作用。将始终仍有1个无法删除的最终元素。最后一个。但我需要零元素。

1 个答案:

答案 0 :(得分:0)

不确定你要做什么,因为你的问题不明确,但我刚刚为你做了这个样本。

JS Bin

function removetable(table){
$(table).remove();

}

HTML:

<table id="table1" >
  <tr>
    <td>Table 1</td><td><button onclick="removetable('#table1');" >delete</button></td>
  </tr>
  </table>
  <table id="table2" >
  <tr>
    <td>Table 2</td><td><button onclick="removetable('#table2');" >delete</button></td>
  </tr>
  </table>
  <table id="table3" >
  <tr>
    <td>Table 3</td><td><button onclick="removetable('#table3');" >delete</button></td>
  </tr>
  </table>
  <table id="table4" >
  <tr>
    <td>Table 4</td><td><button onclick="removetable('#table4');" >delete</button></td>
  </tr>
  </table>