如何使用jQuery仅删除标记？

Question

我想用jQuery删除span，我试过.unwrap(); 但它不起作用。

<div>
<ul>
<li><a href="#"><span>link</span></a></li>
<li><a href="#"><span>link</span></a></li>
</ul>
</div>

Answer 1

显然， unwrap不起作用，因为span只有文本节点在其中，而jquery不能很好地处理文本节点......但是这有效（如果你是的话，你可以使用jQuery.text而不是jQuery.html确保span只包含文本）：

$('li a span').replaceWith($('li a span').html());

工作实例

编辑 ：实际上，如果你使用jQuery.contents来解决jquery无法直接选择文本节点的问题，那么unwrap似乎也可以工作：

$('li a span').contents().unwrap();

Answer 2

$('li').find('span').remove();

要么

$('li').find('span').detach();

如果您只想删除包装，请尝试

var buffer = $('li').find('span').text();
$('li').find('span').parent().html(buffer);

Answer 3

打开应该工作。 您可能无法成功选择要展开的跨度。 您可以尝试以下代码，该代码应成功选择该范围：

$("li a span").unwrap()

从你的问题中有点不清楚你到底想要做什么。 目前还不清楚你是否遇到了选择器或jquery api的问题。 为了更好地处理jquery的选择器，我建议你安装firebug和firequery ，因为它可以真正帮助你理解你所选择的内容。

Answer 4

$("span").each(function() {
    var content = $(this).text();
    $(this).remove();
    $("a").html(content);
});

Answer 5

.remove() 

http://api.jquery.com/remove/

:)