CODEWITHSUNDEEP
jquery
andrei
andrei

Reputation: 8592

jQuery getting class

            $(document).ready(function(){

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

            });

Back with another question. I have 3 images each with a different class (image1, image2, image3). If i run the code above the log will only show the class of the first image no matter what image I click on

Upvotes: 1

Views: 13291

Answers (2)

jAndy
jAndy

Reputation: 236142

Within your click event handler, replace $("img") with $(this)

like:

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

this will reference to the specific object which is involved. You may also use the event.target like $(event.target).attr("class");, if you declare event as parameter of your click handler.

Upvotes: 10

rahul
rahul

Reputation: 187110

Use $(this) inside the click event to get the current object.

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

Upvotes: 1

Related Questions