jquery - 不同元素的相同数据属性（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"));           
});

如果是，为什么如果我点击第二个“div”，警报会给出结果“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"));           
});