jquery - 如何使用j-query在点击 anchor 标记时找到第一个div id

Question

我已经做了一些关于点击 anchor 标记的工作。我有多个嵌套的 div。因此，如果我单击 anchor 标记，它将返回第一个/大 div id。我想在下面的 anchor 点击事件中工作 -

$('.show-details a').click(function(){

});

HTML 代码是 -

<div id="main-div1" class="main-div-class">
    <div id="sub-div" class="sub-div-class">
        <div class="show-detail">
            <a href="#"> show </a>
        <div>

   </div>
</div>
<div id="main-div2" class="main-div-class">
    <div id="sub-div" class="sub-div-class">
        <div class="show-detail">
            <a href="#"> show </a>
        <div>

   </div>
</div>

如何通过单击特定的 anchor 标记找到特定的 div id(main-div1 或 main-div2)提前致谢。

Answer 1

还需要使用.closest()，选择器.show-details a是错误的，应该是.show-detail a

$('.show-detail a').click(function(){
    var $main = $(this).closest('.main-div-class');
    alert($main.attr('id'))
});

演示:Fiddle