jQuery获取类

【问题标题】：jQuery getting classjQuery获取类
【发布时间】：2010-06-11 07:49:51
【问题描述】：

            $(document).ready(function(){

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

            });

回到另一个问题。我有 3 张图片，每张都有不同的类别（image1、image2、image3）。如果我运行上面的代码，无论我点击什么图片，日志都只会显示第一张图片的类别

【问题讨论】：

请注意标识符名称class 应该避免，因为它是Future Reserved Words 列表的一部分，在某些实现中它会导致SyntaxError , Safari 就是一个很好的例子...
反正我没用过，我在这里粘贴代码时更改了它，但感谢您让我知道 :)

标签： jquery

【解决方案1】：

在您的click event handler 中，将$("img") 替换为$(this)

喜欢：

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

this 将引用所涉及的特定对象。您还可以使用 event.target 与 $(event.target).attr("class"); 类似，如果您将 event 声明为单击处理程序的参数。

【讨论】：

【解决方案2】：

在点击事件中使用$(this)获取当前对象。

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

【讨论】：