How to remove text between two elements with jQuery

Question

So I got the following 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>

Sadly this is generated by a Plone extension which was forked and I don't have the possibility to change the output. The list will have a different amount of elements on different pages.

All I need to do is remove the slashed between the list elements. I couldn't come up with a good solution till now.

Is there a simple an powerful solution to do this with Javascript or jQuery?

Arun P Johny · Accepted Answer · 2013-05-16T08:38:54.927

13

Use .contents() and .filter() to filter out all the next nodes (nodeType == 3) then remove them using .remove()

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

Demo: Fiddle

edited May 16 '13 at 08:38

answered May 16 '13 at 08:33

Arun P Johny

384,651
66
527
531

Wow! Thanks a lot! I don't really have an idea why this works but it does. :) – jurihandl May 16 '13 at 09:04
@jurihandl read the linked documentations, you will get some idea – Arun P Johny May 16 '13 at 09:05
Ok cool. Now I get it! Thanks! I didn't even know something like this exists. – jurihandl May 16 '13 at 09:07

score 0 · Answer 2 · edited May 16 '13 at 08:35

0

Try:

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

edited May 16 '13 at 08:35

Tamil Selvan C

19,913
12
49
70

answered May 16 '13 at 08:34

Thomas Junk

5,588
2
30
43

score 0 · Answer 3 · edited May 16 '13 at 08:36

0

assign the output to a string called var outPut, then

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

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

edited May 16 '13 at 08:36

Fabrício Matté

69,329
26
129
166

answered May 16 '13 at 08:35

mathew

193
1
5

How to remove text between two elements with jQuery

3 Answers3