使用最接近的返回null获取data-attribute

时间:2013-07-23 17:43:08

标签: jquery

根据其功能,我有一些div class(es) data attribute,我只是试图从first div获取last div {1}}。所以,我认为closest符合我的要求。但不幸的是它正在返回null。谁能告诉我我的代码片段有什么问题。

HTML:

<div class="DivApplication">
  <div class="DivImg DivImgRun DivImgLeft" data-internalid=16></div>
  <div class="DivAppName">Application Title</div>
  <div class="DivTime">Created: 23-06-2013 | Edited: 23 July 2013 </div>
  <div class="DivImg DivImgReport DivImgRight">report</div>
  <div class="DivImg DivImgDelete DivImgRight">delete</div>
  <div class="DivImg DivImgEdit DivImgRight">edit</div>
</div>

JQUERY:

$(document).ready(function(){

    $(".DivImgEdit").click(function(){
        alert($(this).closest('.DivImgRun').data('internalid'));
    });

});

结果: NULL


DEMO

1 个答案:

答案 0 :(得分:10)

您需要使用.siblings代替.closest

$(".DivImgEdit").click(function(){
     alert($(this).siblings('.DivImgRun').data('internalid'));
});

在父母中最近看,在你的情况下,所需的元素是兄弟,而不是父母

演示---> http://jsfiddle.net/Rpazu/2/