Question

我正在努力使用jQuery删除TD标记内的表元素。

这是我的表结构：

<table>
   <tr>
       <td>some data</td>
       <td>
       <table><tr><td>this table inside I want to delete</td></tr></table>
       </td>
   </tr>
</table>

我想在就绪状态函数中使用.remove()函数，但我不知道如何。

Answer 1

我认为以下内容可行：

$('td table').remove()

基本上这就是：

选择table，这是td的孩子。

所以无论你有多少桌子，你都可以将它们全部删除。

使用id或类名进一步定义要选择的内容。

Answer 2

试试这个

$(document).ready(function(){
     $('td table').remove();
});

Answer 3

给你的表一个像这样的ID

<table>
   <tr>
       <td>some data</td>
       <td>
       <table id="tableId"><tr><td>this table inside I want to delete</td></tr></table>
       </td>
   </tr>
</table>

然后，您可以准确地精确定位您的选择器

$('#tableId').remove()

Answer 4

这对你有所帮助，这里eq（）用于定义你要删除的td ......

$('td').eq(0).find('table').remove();

演示here

Answer 5

你也可以使用empty

$('td table').empty();

DEMO

Difference between using remove and empty

Answer 6

$('td > table').remove();

这只会删除父母的直接子女。

删除父TD Jquery中的表元素

6 个答案: