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