Как удалить текст между двумя элементами с помощью jQuery

Итак, я получил следующий 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?

3 ответов


использовать .contents () и .filter () отфильтровать все следующие узлы (nodeType == 3) затем удалите их с помощью .удалить()

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

демо: Скрипка


попробуй:

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

назначьте вывод строке с именем var outPut, затем

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

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