javascript - 向上查找具有特定类的最接近的div的子元素

Question

我有如下元素:

<div class="parent">
    <div class="something">
        <div class="something-inner" data-id="xyz">
            some contents
        </div>
    </div>
    <div class="next">
        <a onclick="doSomething();"></a>
    </div>
</div>

在函数 doSomething() 中，我需要使用“something-inner”获取 div 的数据 ID。我试过使用这段代码，

$(this).parent(".parent").find(".something-inner").data("id");

但它不会选择“.something-inner”div 并获取数据“xyz”。

Answer 1

试试这个:

国内:

<div class="parent">
<div class="something">
    <div class="something-inner" data-id="xyz">
        some contents
    </div>
</div>
<div class="next">
    <a onclick="doSomething(this);"></a>
</div>
</div>

JS代码:

function doSomething(obj){
alert($(obj).closest('.parent').find(".something-inner").data("id"););
}

working fiddle