Jak usunąć tekst między dwoma elementami z jQuery

Question

Więc mam następujący kod 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> 

Niestety ten jest generowany przez rozszerzenia Plone który rozwidloną i nie mam możliwości, aby zmienić wyjście. Lista będzie zawierała inną ilość elementów na różnych stronach.

Wszystko, co muszę zrobić, to usunąć przecięty między elementami listy. Nie mogłem wymyślić dobrego rozwiązania do tej pory.

Czy istnieje proste i wydajne rozwiązanie, aby to zrobić z JavaScript lub jQuery?

Answer 1

Zastosowanie .contents() i .filter() odfiltrować wszystkie kolejne węzły (nodeType == 3), a następnie usunąć je za pomocą .remove()

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

Demo: Fiddle

Answer 2

Spróbuj:

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

Answer 3

Przypisz wyjście do ciągu o nazwie var outPut, następnie

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

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