Javascript 删除父TD Jquery中的表元素

我正在努力使用jQuery删除TD标记中的table元素

以下是我的表格结构：

<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()

基本上是这样说的：

选择表，它是td的子级

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

---

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

我想以下方法可以奏效：

$('td table').remove()

基本上是这样说的：

选择表，它是td的子级

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

---

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

给你的桌子一个这样的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>

---

给你的桌子一个这样的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>

---

这将帮助您，这里的eq用于定义要删除的td

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

---

演示

这将帮助您，这里的eq用于定义要删除的td

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

演示

试试这个

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

试试这个

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

你也可以使用

你也可以使用

这将仅删除父级的直接子级

---

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

这将删除td中包含的所有表元素，无处不在。这就是OP要求的！没问题，但请看一下其他答案。。因为它们是很好的学习方式。是的，我可以使用很多选项。如果td标签后面有原始文本怎么办？它不会删除其上的另一个表。这将删除td中包含的所有表元素，无论在何处。好吧，这就是OP要求的！没问题，但请看一下其他答案。。因为它们是很好的学习方式。是的，我可以使用很多选项。如果td标签后面有原始文本怎么办？它不会移除上面的另一张桌子