JQueryfind具有特定类前缀的第一个父元素

我想要得到具有特定类前缀的第一个父类，假设：

<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的第一个元素。 所以基本上它会select：

 <div class="div-a89892"> 

Answer 1

使用.closest()和select器：

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

Answer 2

后来Jquery允许你用.parents()方法find父母。

因此我推荐使用：

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

这给所有父节点匹配select器。 要获得与select器匹配的第一个父项，请使用：

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

对于其他此类DOM遍历查询，请查看遍历DOM的文档。