查找最接近的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的（），我需要得到div的數據ID以「something-內」。我已經使用這個代碼試過，

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

不過，這並不選擇「.something-內」的div和獲取數據‘XYZ’。

Answer 1

試試這個：

DOM：

個

<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

Answer 2

基本上.parent()會選擇元素的直接父項，您應該使用.closest()來實現期望的結果。

嘗試，

HTML：

<a onclick="doSomething(e);"></a> 

JS：

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

Answer 3

<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> 
<script> 

    function doSomething(obj) 
    { 
      console.log($(obj).parent().prev().find(".something-inner").attr("data-id")); 
    } 

</script> 

Answer 4

嘗試這樣的事情

HTML

<a onclick="doSomething(this);"></a> 

javascript

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