如何使用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()

演示： 小提琴

Answer 2

尝试：

document.getElementsByTagName("ul")[0].textContent.replace(/\//g,"")

Answer 3

然后将输出分配给名为var outPut的字符串

outPut.replace('/','');

output.replace('a><li','a></li');