Come rimuovere il testo tra due elementi con jQuery

Question

Così ho preso il seguente codice 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> 

Purtroppo questo è generata da un'estensione di Plone che è stato biforcuta e non ho la possibilità di cambiare l'output. L'elenco avrà una quantità diversa di elementi su pagine diverse.

Tutto ciò che devo fare è rimuovere il taglio tra gli elementi della lista. Fino ad ora non sono riuscito a trovare una buona soluzione.

Esiste una soluzione semplice e potente per fare ciò con Javascript o jQuery?

Answer 1

Usa .contents() e .filter() per filtrare tutti i nodi successivi (nodeType == 3) poi rimuoverli utilizzando .remove()

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

Demo: Fiddle

Answer 2

Prova:

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

Answer 3

assegnare l'output in una stringa chiamata var outPut, quindi

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

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