javascript - jQuery で 2 つの要素間のテキストを削除する方法

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');