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的文档.