如何找到 DOM 层次结构中哪个元素更高？答案

【问题标题】：How to find which element stands higher in the DOM hierarchy?如何找到 DOM 层次结构中哪个元素更高？
【发布时间】：2012-01-27 03:21:09
【问题描述】：

我的意思是，我怎样才能找到两个元素中的哪一个属于最接近“文档”或“窗口”的节点？哪个层次更高？

编辑这样就完成了：

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

【问题讨论】：

【解决方案1】：

试试.parents().length，像这样：

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

【讨论】：

【解决方案2】：

可能有更好的方法，但是使用计数器反复调用parentNode 直到您找到根目录的蛮力方法应该有效。假设您的文档没有嵌套太深，它应该相对较快。

【讨论】：

感谢您的提示。我想出了这个似乎可以完成工作的功能。 function gerarchia(elem) { var i=0; while (elem.parentNode) { elem = elem.parentNode; i++; } return i; }

【解决方案3】：

如果你有 jQuery，你可以这样做来查找，例如，第一个 <li> 元素：

$('li:first')

【讨论】：