Using Next() in jQuery

Question

I have:

<div id="container">
    <div class="comment_text">
        <a>Blah blah</a> THIS IS WHAT I NEED
    </div>
</div>

I want to get the text THIS IS WHAT I NEED from the above div, this is what I do usually:

var val = $.trim($('#container').find('.comment_text').text());

but this also gets the a tag, so how I should get only the text? I'm thinking of next() but it's not working:

 var val = $.trim($('#container').find('.comment_text a').next().text());

Thanks

something like: var val = $.trim($('#container').find('.comment_text a').text()); should work — user123_456
– user123_456, Commented Jun 18, 2013 at 11:35

adeneo · Accepted Answer · 2013-06-18 11:32:28Z

7

Getting unwrapped textnodes with jQuery is a bit more involved :

$('#container .comment_text').contents().filter(function() {
    return this.nodeType === 3;
}).text();

FIDDLE

You should propably trim that as well.

You could also do:

$('#container .comment_text a').get(0).nextSibling.nodeValue;

FIDDLE

answered Jun 18, 2013 at 11:32

adeneo

319k29 gold badges410 silver badges392 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

adeneo Over a year ago

It's not, did you open your console ?

Haythem Tlili · Accepted Answer · 2013-06-18 11:44:45Z

2

You need to clone the div and remove the anchor then you'll get the text :

var clone = $('.comment_text').clone();
clone.find('a').remove();

var val = $.trim(clone.text());

answered Jun 18, 2013 at 11:44

Haythem Tlili

5663 silver badges10 bronze badges

Comments

2 revs, 2 users 86% · Accepted Answer · 2013-06-18 11:53:53Z

2

$('#container').clone().find('a').remove().end().text();

You can remove the anchor temporarily to get the remaining text, and by cloning it you don't interrupt the DOM elements.

edited Jun 18, 2013 at 11:53

community wiki

2 revs, 2 users 86%
Brad Christie

3 Comments

A. Wolff Over a year ago

@adeneo sorry, i forgot .clone() var txt = $('#container').clone().find('a').remove().end().text(); jsfiddle.net/GrDBz/4

adeneo Over a year ago

Now it would work, but why it's a community wiki is still beyond me ?

Brad Christie Over a year ago

Sorry, did it quickly on my phone while I was out the door. Thanks to the Community for the edit; Yes, needs to be found first, then removed.

Code Lღver · Accepted Answer · 2013-06-18 11:41:57Z

-1

You can try the following:

var val = $.trim($('.comment_text').find("a").html();

edited Jun 18, 2013 at 11:41

Code Lღver

15.6k16 gold badges61 silver badges75 bronze badges

answered Jun 18, 2013 at 11:38

karthi

88713 silver badges24 bronze badges

Collectives™ on Stack Overflow

Using Next() in jQuery

4 Answers 4

1 Comment

Comments

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related