如何使用jQuery删除两个元素之间的文本

Question

所以我得到以下html:

<ul>
   <li><a href="#">test</a></li>
   /
   <li><a href="#">test</a></li>
   /
   <li><a href="#">test</a></li>
   /
   <li><a href="#">test</a></li>
<ul>

遗憾的是,这是由分叉的Plone扩展产生的,我无法改变输出.该列表在不同页面上具有不同数量的元素.

我需要做的就是删除列表元素之间的斜线.到目前为止我无法想出一个好的解决方案.

使用Javascript或jQuery有一个简单的强大解决方案吗？

Answer 1

使用.contents()和.filter()过滤掉所有下一个节点(nodeType == 3),然后使用.remove()删除它们

$('ul').contents().filter(function(){
    return this.nodeType == 3
}).remove()

演示:小提琴