Question

This code is not working:

$("div").hasClass("testSection").attr("id");

I get the following error message:

TypeError: $(…).hasClass(…).attr is not a function

Any idea what the problem could be?

Answer 1

The issue is because hasClass() returns a boolean, not a jQuery object. Hence calling attr() on a boolean results in the error you’re seeing.

Assuming there is only one div with the specified class you can use the class in the selector:

var id = $("div.testSection").prop("id");

If there are multiple divs with the class, you’d need to loop:

$("div.testSection").each(function() {
    var id = this.id;
    // do something with the id...
});