javascript - 删除父 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，它是 a 的子级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();

演示

使用 remove 和 empty 的区别

Answer 6

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

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