ansaurus

Question

jQuery: Determine if jQuery object is root html tag

Answer 1

+2 A:

Don't compare against the first child, just see if a parent is returned:

var $foo = $(this);

while($foo.parent().length > 0) {
    // do stuff with $foo
    $foo = $foo.parent();
}

Here's a working fiddle.

GenericTypeTea 2010-09-03 22:15:09

Answer 2

+1 A:

What about this?

$.fn.foo = function() {

    var $foo = this;

    while($foo[0].tagName != 'HTML') {
        // do stuff with $foo
        $foo = $foo.parent();
    }

    // do stuff

};

Alternatively, if you don't actually need to traverse up, but only want to do things to all ancestors of a given node, you could use .parents() like so:

$.fn.foo = function() {

    var $foo = this;

    $foo.parents().andSelf().each(function() {
        // do stuff with $foo
    });

    // do stuff

};

Ender 2010-09-03 22:20:49

Answer 3

+1 A:

This should stop at HTML.

$foo.parents().andSelf().each(function() {
    // do something
    console.log(this.nodeName);
});

Or if you're running the same jQuery method(s) against each node, do this:

$foo.parents().andSelf().someJQueryMethod();

patrick dw 2010-09-03 22:23:14

Answer 4

+3 A:

$foo.is('html')

You seem to be reimplementing parents(), though.

Tgr 2010-09-03 22:27:15

ansaurus

tags:

views:

answers:

jQuery: Determine if jQuery object is root html tag

related questions