jquery - 查找祖先元素和子元素之间的距离

Question

我对祖先父元素和子元素都有 jQuery 对象。

$ancestor = ...;
$child = ...;

我如何获得两者之间的距离？即这个祖先链中有多少元素？

Answer 1

要获取其他两个元素之间的元素，包括这些元素：

var $els = $child.parentsUntil($ancestor).andSelf()

或者只是获取它们之间有多少元素：

var elsInBetween = $child.parentsUntil($ancestor).length - 1

Answer 2

也许这会有所帮助-

var counter = 0;
var target = '';
while($child.parent().length){
  target = $child.parent();
  counter++;
}
console.log(target);

我只是在parent()每次循环中迭代对象，每次都用它的父对象替换。你会在这里找到所有的祖先......我的意思是所有的祖先。