error when trying to retrieve class name with jquery

Question

I have the following code

var allRows = $('.myclass');
...
allRows.each(function() {   //now search through all the rows
          var className = this.attr("class");
          ...    
        });

I am getting an error message

Uncaught TypeError: Object #<HTMLDivElement> has no method 'attr'

What is wronte with my code? I did a console.log on the allRows and it is a jquery object.

Rohan Kumar · Accepted Answer · 2013-09-13 12:59:39Z

1

You should try this,

 var className = $(this).attr("class");// attr is jquery function
 console.log(className);

Full code

var allRows = $('.myclass');
...
allRows.each(function() {   //now search through all the rows
    var className = $(this).attr("class");// change this to $(this) here
    console.log(className);            
});

answered Sep 13, 2013 at 12:59

Rohan Kumar

40.7k11 gold badges81 silver badges111 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user1015214 Over a year ago

of course, thanks! attr() is jquery method, so of course you have to first pass this to jquery.

maverickosama92 · Accepted Answer · 2013-09-13 13:00:02Z

0

change to this:

var className = $(this).attr("class");

answered Sep 13, 2013 at 13:00

maverickosama92

2,7352 gold badges24 silver badges38 bronze badges

Comments

Alex · Accepted Answer · 2013-09-13 13:01:25Z

0

You should change this to $(this):

 var className = $(this).attr("class");

answered Sep 13, 2013 at 13:01

Alex

1,30411 silver badges20 bronze badges

Comments

Anton · Accepted Answer · 2013-09-13 13:02:35Z

0

You could also use className

var allRows = $('.myclass');
allRows.each(function () { //now search through all the rows
    var className = this.className;
});

answered Sep 13, 2013 at 13:02

Anton

32.6k5 gold badges47 silver badges54 bronze badges

Comments

Vipin · Accepted Answer · 2013-09-13 13:06:51Z

0

You are not using "this" correctly. Below is given the correct way:-

    var allRows = $('.myclass');
       ...
    $(allRows).each(function() {   //now search through all the rows
       var className = $(this).attr("class");
       ...    
    });

answered Sep 13, 2013 at 13:06

Vipin

211 silver badge7 bronze badges

Collectives™ on Stack Overflow

error when trying to retrieve class name with jquery

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related