我的想法已经不多了.我在这里有一个问题,我需要在保留子元素时只删除父元素.
<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();
直截了当的方式:
var div = $(".remove_this_only");
var tmp = div.children().clone();
var parent = div.parent();
div.remove();
tmp.appendTo(parent);
小提琴:http://jsfiddle.net/cb9sb/