确定哪个类是元素的更近的祖先

Question

如何确定哪个类是jquery中元素的更近的祖先？

我可以轻松做到

$("#elementID").closest(".class1")

和

$("#elementID").closest(".class2")

但是这并没有告诉我哪一个被发现

Answer 1

请记住，您可以使用.closest(...)中的任何选择器，jQuery会在匹配该选择器后立即停止，因此......

$("#elementID").closest(".class1, .class2")

...就是你想要的。

Answer 2

JQ支持多个选择器。只需用逗号分隔选择器。

https://api.jquery.com/multiple-selector/

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="class1">
  <div class="class2">
    <div id="elementID">
    </div>
  </div>
</div>

<script>
  alert($("#elementID").closest(".class1, .class2")[0].className)
</script>