2010-06-11 86 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); 
});