JQuery 查找具有特定类前缀的第一个父元素

Question

我想获取第一个具有特定类前缀的父元素，假设：

<div class="div-a3332"> 
  <div class="div-a89892">
    <p>
      <div class="div-b2">
        <div id="divid">hi</div>
      </div>
    </p>
  </div>
</div>

例如，我当前的元素是#divid，我想找到第一个具有类前缀 div-a 的元素。所以基本上它会选择：

<div class="div-a89892">

Answer 1

将 .closest() 与选择器一起使用：

var $div = $('#divid').closest('div[class^="div-a"]');

Answer 2

Jquery 后来允许您使用 .parents() 查找父母方法。

因此我建议使用：

var $div = $('#divid').parents('div[class^="div-a"]');

这给出了与选择器匹配的所有父节点。要获取与选择器匹配的第一个父级，请使用：

var $div = $('#divid').parents('div[class^="div-a"]').eq(0);

对于其他此类 DOM 遍历查询，请查看有关 遍历DOM。