javascript - 如何选择位于 DOM 层次结构特定范围内的元素？

Question

我有一个 DOM 元素 C，它是 DOM 元素 A 的后代。它们之间有几层，其中一层是名为 B 的元素类。

如果我有 jQuery("#A") 和 jQuery("#C)，如何找到 C 的父元素> 具有类 B，它也是 A 的后代？

如果我使用 C 的 parents() ，那么我可能会获得 B 类位于 A< 之上的任何元素，这是我不想要的。如果我使用 A 的 find() ，那么我可以获得 C 下面的元素，这是我不想要的。

我感兴趣的每个元素之间的层数未知。虽然该示例显示了单个层，这允许我执行 .children().children()，但我无法确定它是否只有 2 个级别。

例如

...
<div id="A">
 <div>
   <div class="B">
     <div>
       <div id="C">...</div>
     </div>
   </div>
 </div>
</div>

Answer 1

在这种情况下，您需要 .closest()

$('#C').closest('.B') // would get the closest parent(.B) of a child(#C)