find number of nodes between two elements with jquery?

Question

I\'m having a little trouble figuring out a fast way to accomplish a (seemingly) simple task. Say I have the following html:

  
One

        

Answer 1

If you just want to get to the parent, do this:

child.parents("#parent");

That's easier than doing:

child.parent().parent().parent();

Or is there some other reason you need to know the number?

A simple loop could do it:

var node = child[0];
var depth = 0;
while (node.id != 'parent') {
  node = node.parentNode;
  depth++;
}

Answer 2

Try the closest() function

http://docs.jquery.com/Traversing/closest#expr

This will give you the total number of ul parents:

var numofuls = $(this).parents('ul').length;