我的想法已经用完了。我在这里遇到一个问题,我需要仅删除父元素,同时保留子元素。
<div class="remove_this_only">
<table>
<tbody>
<tr>
<td>I want to get preserved</td>
</tr>
</tbody>
</table>
</div>
结果输出应该是
<table>
<tbody>
<tr>
<td>I want to get preserved</td>
</tr>
</tbody>
</table>
最佳答案
编辑:
听起来您想删除 <div>
您已添加到问题中。
只需选择 <table>
并使用 unwrap()
[docs]方法。
$('div > table').unwrap();
当然,选择器会根据您的实际标记而有所不同。
示例: http://jsfiddle.net/VyJv3/ (样式 div
已被删除)
原始答案:
按照这种方式,您将删除表格所需的元素。
如果您希望删除 <td>
,您将拥有文本节点作为 <tr>
的子节点。你可以做到。
如果你的 HTML 是这样的:
<html>
<table>
<tbody>
<tr>
<td><span>I want to get preserved</span></td>
</tr>
</tbody>
</table>
...并且您想摆脱 <span>
,您可以使用 unwrap()
[docs]方法。
$('td > span').contents().unwrap();
关于jquery - 仅删除 DOM JQuery 中的父元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6428254/