是否可以有两个具有相同数据属性的元素?
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”?我做错了什么?
提前致谢
答案 0 :(得分:2)
因为它正在寻找第一场比赛。变化
$("#cerchi .col_6 > div").click(function(){
alert($("#cerchi .col_6 > div").data("link"));
});
到
$("#cerchi .col_6 > div").click(function(){
alert($(this).data("link"));
});