刪除父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();

這只會刪除父級的直接子級。