jQuery通过按类搜索获取元素的id

这是我的html:

<div id="my_box_one" class="head-div">
   <div>
       <div class="some_box">a</div>
       <div class="some_box">b</div>
    </div>
</div>

我想使用该div(“。head-div”)的类获取父div(“＃my_box_one”)的ID

$(document).ready(function(){

$(".some_box").click(function(){
   var abc = $(this).parentsUntil(".head-div").attr("id");
   // also tried $(this).parent(".head-div") -- same effect
   alert(abc); // Shows as Undefined
});

});

我可以执行以下操作，并且可以正常运行，但似乎不正确。

var abc = $(this).parent("div").parent("div").attr("id");

最佳答案

您可以使用 .closest(选择器)，例如:

var abc = $(this).closest(".head-div").attr("id");

http://api.jquery.com/closest/

.parent(选择器)仅选择元素的直接父级。

关于jQuery通过按类搜索获取元素的id，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/5841650/