2013-02-11 88 views
0

是否有可能具有相同數據屬性的兩個元素?不同元素的相同數據屬性(html5和jquery)

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」?我做錯了什麼?

在此先感謝

+2

也許這是你的JS代碼,這是不顯示。 – 2013-02-11 21:53:20

+0

對不起,我忘了它 – Andrea 2013-02-11 21:55:18

+1

你的JS有兩個結果,你只是警告第一個。嘗試一個.each()循環,你會看到。 – 2013-02-11 21:55:22

回答

2

因爲它尋找的第一場比賽。更改

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

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

它的工作原理!非常感謝!特別是在這個時候的速度!我還沒有用jQuery練習,我很抱歉:) – Andrea 2013-02-11 22:01:37

+0

@Andrea - 每個人都從某個地方開始,這是其中一個不一定明顯的事情。 – 2013-02-11 22:23:15

相關問題