2010-06-11 83 views
1
  $(document).ready(function(){ 

     $('img').click(function(){ 
var class = $("img").attr("class"); 
console.log(class); 
     }); 

      }); 

回到另一個問題。我有3個圖像,每個圖像都有不同的類別(圖像1,圖像2,圖像3)。如果我運行日誌上面的代碼,將只顯示第一個圖像的類,而不管我點擊的是什麼圖像jQuery獲得類

+1

請注意,標識符名稱'class'應該*避免*,因爲它是[未來保留字]的一部分(http://bclary.com/2004/11/07/#a-7.5.3 )列表,在某些實現中它會導致一個'SyntaxError',Safari就是一個很好的例子... – CMS 2010-06-11 08:00:08

+0

我反正沒有使用它當我在這裏粘貼代碼時我改變了它,但是謝謝你讓我知道: ) – andrei 2010-06-11 11:41:56

回答

9

在您click event handler,與$(this)

像更換$("img")

$('img').click(function(){ 
    var class = $(this).attr("class"); 
    console.log(class); 
}); 

this將參照具體的對象,它是參與。如果您聲明event作爲您的點擊處理程序的參數,您也可以使用 event.target,如$(event.target).attr("class");

1

在click事件中使用$(this)獲取當前對象。

$('img').click(function(){ 
    var class = $(this).attr("class"); 
    console.log(class); 
});