删除父 TD Jquery 中的表元素

Remove table element inside parent TD Jquery

本文关键字：元素 Jquery TD 删除      更新时间：2023-09-26

我正在努力使用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()函数，但我不知道怎么做。

我想以下内容将起作用：

$('td table').remove()

基本上这说的是：

选择table，它是td的子项。

因此，无论您在TD中有多少个表，它都会将它们全部删除。

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

试试这个 

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

给你的表一个像这样的 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()

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

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

演示here 

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

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

你也可以使用空 

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

演示

使用删除和空的区别

相关文章：