删除父TD Jquery中的表元素

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的子级。

因此，无论您在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

你也可以用空

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

演示

使用删除和清空之间的区别

Answer 6

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

这只会删除父级的直接子级。