Home/ Questions/Q 8824959
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-14T06:45:38+00:00

How do I traverse ancestors with jQuery? The current code is getting stuck in

  • 0

How do I traverse ancestors with jQuery?

The current code is getting stuck in a recursive loop:

HTML:

<html>
    <body>
        <div>
            <ul>
                <li></li>
            </ul>
        </div>
    </body>
</html>

JS:

function traverse($node){
  while ( $node.get(0) !== $("html").get(0) ) {
    console.log($node);
    traverse($node.parent());
  }

}

//traverse($("ul li"));

To observe the problem, un-comment the last line, but be warned that it may freeze your browser.

The same on JSFiddle: http://jsfiddle.net/WpvJN/1/

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can get the collection with .parents() and iterate with .each():

    $('ul li').parents().each(function () {
    console.log(this);
});
    • 0