Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Determine if element is a text node using jQuery

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!

like image 500
Abs Avatar asked Sep 29 '11 13:09

Abs


2 Answers

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);
    }
});
like image 131
Tim Down Avatar answered Oct 21 '22 13:10

Tim Down


as the comment:

check this nodeType and see if helps you.

like image 33
Ricardo Binns Avatar answered Oct 21 '22 14:10

Ricardo Binns