Get text between two elements JQUERY

Question

I have the following code in my application.

 <div title="Please Click Here to Expand" class="technology3 closedlanguage" headerindex="0h">
<span class="accordprefix">
<img src="http:www.test.com/expanded.gif" style="width:13px; height:13px; margin-Right:20px"> 
</span> 
  Need this text<span class="accordsuffix"></span></div>

I need to get text between "accordprefix" and "accordsuffix" classes which is "Need this text"

for this i did following code.

$(window).load(function(){
$(".accordprefix").each(function(){
alert($(this).next().html());
});
});

but its not working.Please give any suggestions.

Because it is not wrapped in a specific object it is within parent element of the `.accordprefix` span. You could do `$(".accordprefix").each(function(){$(this).parent().html();});` but then you would need to filter out all the other HTML you do not need. — Nunners, Nov 04 '13 at 12:25
You have more than one accordprefix and accordsuffix elements ? — Joao Paulo, Nov 04 '13 at 12:31
See https://stackoverflow.com/questions/25873650/jquery-nextuntil-include-text-nodes — Jake, Dec 20 '22 at 00:46

score 6 · Answer 1 · answered Nov 04 '13 at 12:31

6

You can also look at

$.trim($($('.accordprefix')[0].nextSibling).text())

Demo: Fiddle

answered Nov 04 '13 at 12:31

Arun P Johny

384,651
66
527
531

score 5 · Answer 2 · answered Nov 04 '13 at 12:26

5

how about:

console.log( $('.technology3').text() );

since it's the only text content in the surrounding div, that would work.

answered Nov 04 '13 at 12:26

gherkins

14,603
6
44
70

score 2 · Answer 3 · answered Nov 04 '13 at 12:26

2

$('.technology3).text().trim();

You want to call trim() on it to clear out the garbage white space that surrounds it.

answered Nov 04 '13 at 12:26

Mike Thomsen

36,828
10
60
83

score 1 · Answer 4 · answered Nov 04 '13 at 12:27

Try this if div.technology3 are multiple,

$(".accordprefix").each(function(){
    alert($(this).closest('.technology3').text());// get the closest div.technology3 text
});

Read closest() and text()

if div.technology3 are single then try this,

alert($('.technology3').text());

Demo

score 1 · Answer 5 · edited Feb 08 '22 at 19:14

1

Try this:

$('.technology3').text();

edited Feb 08 '22 at 19:14

isherwood

58,414
16
114
157

answered Nov 04 '13 at 12:38

Md Nasir Uddin

2,130
8
38
59

score 0 · Answer 6 · edited Sep 13 '16 at 11:12

0

I would add 2 markers (just a small string like '~~~~'). First AFTER span.accordprefix, second BEFORE span.accordsuffix. Then we need to get text content of div.technology3, find text between our markers and store it. Then we need to remove markers.

Check .after() and .before()

edited Sep 13 '16 at 11:12

piyushj

1,546
5
21
29

answered Sep 13 '16 at 09:49

Michael S

7
2

score 0 · Answer 7 · answered Mar 29 '17 at 04:31

0

You can achieve this using jQuery .nextUntil()

$("#id_of_first_ele").nextUntil("#id_of_second_ele").text().trim()

So in your case it will be

$(".accordprefix").nextUntil(".accordsuffix").text().trim()

This will work jQuery 1.4 onwards.

answered Mar 29 '17 at 04:31

Hari Das

10,145
7
62
59

Get text between two elements JQUERY

7 Answers7

Linked