jquery - 找出元素是否是另一个元素的后代的最佳方法

Question

我正在实现 jQuery，并在我的代码库中取出 Prototype 库，我想知道您是否可以给我在 jQuery 中实现此功能的最佳方法。我熟悉 jQuery ancestor>descendant 语法，但只想通过 true 或 false 来检查元素是否是后代，如下面的代码:有人可以为此提供最有效的 jQuery 解决方案吗？

<div id="australopithecus">
  <div id="homo-herectus">
    <div id="homo-sapiens"></div>
  </div>
</div>

$('homo-sapiens').descendantOf('australopithecus');
// -> true

$('homo-herectus').descendantOf('homo-sapiens');
// -> false

Answer 1

在 jQuery 1.6 中，您可以通用地使用以下代码，例如targetElt 和 parentElt 都可以是 DOM 元素或 jQuery 包装的对象，以及选择器:

$(targetElt).closest(parentElt).length > 0

其他一些答案要求您通过 ID 引用元素，如果您只有一个没有 ID 的 DOM 元素，这就没有用了。另外，如果您想确保 targetElt 是 parentElt 的严格后代(换句话说，您不想将 parentElt 算作它自己的后代)，请务必添加 targetElt != parentElt 在调用 .closest() 之前进行检查，或者按照 Jonathan Sampson 的建议使用 .parents().find()。