javascript - 父级/最近的 Div 问题

Question

编辑:我有以下代码:

<div class="specificBlock" id="thevagabond">
     <a class="intro"><img src="images/blabla.png"/></a> 
     </br>
     <div class="btn-group-xs testing">
        <a type="button" class="btn btn-success intro">Use</a>
     </div>
</div>

<div class="specificBlock" id="thedog">
     <a class="intro"><img src="images/blabla.png"/></a> 
     </br>
     <div class="btn-group-xs testing">
        <a type="button" class="btn btn-success intro">Use</a>
     </div>
</div>

我的问题如下:我想找到一种 jQuery/JavaScript 方法来获取被点击的 'a' class="intro"来自的 div 的 ID。

这里的问题是，如果单击带有 class="intro" 的第一个 a，我将需要使用最接近的 div 的 ID。

但如果我点击第二个，最接近的 div 不是正确的 - 最接近的将是带有 class="testing" 的 div，这是我不想要的。

有什么办法吗？

Answer 1

ID 应该是唯一的，因此您只需执行 $('#thevagabond')。但是，您可能需要使用 .parents(selector_here) - 检查 documentation .

如果您确实需要 ID，请检查:

$('.specificBlock a').click(function(){
var id_that_you_looking_for = $(this).parents('.specificBlock').attr('id');
//code more
});