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の子である を選択します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

これは役に立ちます。ここでは、削除する td を定義するために eq() が使用されています...

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

デモhere

Answer 5

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

これは、親の直接の子のみを削除します。