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

Question

我已经做了一些关于点击锚标签的工作。我有多个嵌套的 div。所以如果我点击锚标签，那么它将返回第一个/大 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） 提前致谢。

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'))
});

演示：小提琴

Answer 2

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

Answer 3

这是小提琴

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