Как найти, какой элемент стоит выше в иерархии DOM?

Question

Я имею в виду, как я могу найти, какой из двух элементов принадлежит узлу, ближайшему к «документу» или «окну»?что выше в иерархии?

РЕДАКТИРОВАТЬ это выполняет работу:

function gerarchia(elem) { 
  var i=0; 
  while (elem.parentNode) { 
    elem = elem.parentNode; 
    i++; 
  } 
  return i; 
} 

Answer 1

Возможно, есть и лучший способ, но подход грубой силы, состоящий в простом повторном вызове parentNode со счетчиком, пока вы не нажмете корень, должен работать. Предполагая, что ваш документ не является смехотворно глубоким, он должен быть относительно быстрым.

Answer 2

Попробуйте .parents().length, вот так:

if ( $(element1).parents().length > $(element2).parents().length ) {
  // lower
}
else {
  // higher
}

Answer 3

Если у вас есть jQuery, вы можете просто сделать это, чтобы найти, например, первый элемент <li>:

$('li:first')