如何使用jquery在不丢失数据的情况下删除span标记？
提问于 2011-08-24 10:36:18
我的菜单结构如下，
<ul class="sub-menu">
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-34" id="menu-item-34"><a href="http://localhost/artofsujata/testimonials/">
<span class="menu_left"> </span>
<span class="menu_center">Testimonials</span>
<span class="menu_right"> </span>
</a>
</li>
</ul>我需要在不丢失数据的情况下删除标签，我需要像下面这样的菜单结构，
<ul class="sub-menu">
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-34" id="menu-item-34"><a href="http://localhost/artofsujata/testimonials/">
Testimonials
</a>
</li>
</ul>如何使用jquery完成此操作？.
回答 3
Stack Overflow用户
回答已采纳
发布于 2011-08-24 10:41:25
这将会起到作用：
$('ul li a').html($('ul li a').text());使用$('ul li a').text()，您可以选择标记中的所有文本节点。使用$('ul li a').html()，您可以将所有选定的文本节点放入标记中。这会导致从那里剥离所有标记。
对于多个LI，您可以使用以下命令：
$('ul.sub-menu > li.menu-item > a').each(function(){
$(this).html($(this).text());
});Stack Overflow用户
发布于 2011-08-24 10:46:03
正如在this earlier question中所指出的，这应该会起到作用：
$("span").contents().unwrap();显然，您可能希望更精确地针对您的菜单，以避免删除页面上的其他跨度：
$(".sub-menu li span").contents().unwrap();另一方面，我建议在CSS中更改跨度的样式可能会更简单，这取决于您的实际问题。
Stack Overflow用户
发布于 2011-08-24 10:38:38
读取所有标记，将数据存储在JS中的数组中，删除所有标记，然后以所需格式重写数据？
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7174055
复制
腾讯云开发者
