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

演示：Fiddle

Answer 2

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

Answer 3

这是 FIDDLE

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

如何使用j-query在锚标签上找到第一个div id

3 个答案: