Jquery 如何使用j-query在click-on锚定标记上查找第一个div id

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

$('.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>

如何通过单击特定的锚标记找到特定的div id（main-div1或main-div2） 感谢使用advanced。

您需要使用.closest（）此外，选择器

.show details a

错误，应该是

。show details a

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

演示：

这是

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

---

没有按照问题中的要求给出身份证谢谢Raidri，这是最好的结果。谢谢Arun，这是最好的结果。

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