不同元素的相同数据属性（html5和jquery）

Question

是否有可能具有相同数据属性的两个元素？

HTML

<div id="cerchi" class="container"> 

     <div class="row"> 

      <div class="col_6 clearleft"> 
      <div class="blu" data-link="nadir.php"> 
       <p>1</p> 
      </div> 
      </div> 

      <div class="col_6 omega"> 
      <div class="arancione" data-link="sole.php"> 
       <p>2</p> 
      </div> 
      </div> 

     </div> 
</div> 

JS

$("#cerchi .col_6 > div").click(function(){ 
    alert($("#cerchi .col_6 > div").data("link"));   
}); 

如果是，为什么，如果我点击第二个 “格” 警报给出结果 “nadir.php”？而不是“sole.php”？我做错了什么？

在此先感谢

Answer 1

因为它寻找的第一场比赛。更改

$("#cerchi .col_6 > div").click(function(){ 
    alert($("#cerchi .col_6 > div").data("link"));   
}); 

到

$("#cerchi .col_6 > div").click(function(){ 
    alert($(this).data("link"));   
});