Determine if element is a text node using jQuery

Question

Given a jQuery element, how can I determine if the sibling on the right is a text node and not another element? In PHP, you would compare the nodeType to #text - what's the equivalent in this case?

window.jQuery('body').find('a').each(function (i) {


    if(window.jQuery(this).next() == '?'){

    }


});

I am trying to work out what I can put in the condition part.

Update

    if(window.jQuery(this).next().length != 0){

        alert(window.jQuery(this).next().get(0).nodeType);  

        if(window.jQuery(this).next().get(0).nodeType == 3){

            alert('right has text');

        }

For some reason, all my tests keep returning a 1 rather than a 3 to indicate text nodes!

check this, may be, dont know: developer.mozilla.org/en/nodeType — Ricardo Binns
– Ricardo Binns, Commented Sep 29, 2011 at 13:27
The accepted answer to this question can be useful too: stackoverflow.com/questions/298750/… — mamoo
– mamoo, Commented Sep 29, 2011 at 13:30

Tim Down · Accepted Answer · 2011-09-29 14:06:49Z

18

next() only returns elements, so you can't use it to traverse text nodes. You could instead use the DOM nextSibling property and check its nodeType property:

Live demo: http://jsfiddle.net/kD9qs/

Code:

window.jQuery('body').find('a').each(function (i) {
    var nextNode = this.nextSibling;
    if (nextNode && nextNode.nodeType == 3) {
        alert("Next sibling is a text node with text " + nextNode.data);
    }
});

edited Sep 29, 2011 at 14:06

answered Sep 29, 2011 at 13:55

Tim Down

326k76 gold badges461 silver badges546 bronze badges

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

1 Comment

Einacio Over a year ago

beat me while i was writing exactly the same +1. it took me longer because i was reading jQuery source

Ricardo Binns · Accepted Answer · 2011-09-29 13:30:38Z

2

as the comment:

check this nodeType and see if helps you.

answered Sep 29, 2011 at 13:30

Ricardo Binns

3,2466 gold badges46 silver badges71 bronze badges

1 Comment

Abs Over a year ago

Thanks for this, but nodes keep returning as 1 rather than 3 to indicate a text node! I have updated question with what I have so far.

Collectives™ on Stack Overflow

Determine if element is a text node using jQuery

Update

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

Update

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related