CODEWITHSUNDEEP
jquerytagname
Gaurav
Gaurav

Reputation: 8487

accessing TagName of jquery object

I want to know the tagName of the jquery object , i tried :

   var obj = $("<div></div>");
   alert($(obj).attr("tagName"));

This alert shows me undefined. Whats wrong i am doing?

Upvotes: 4

Views: 7214

Answers (3)

lonesomeday
lonesomeday

Reputation: 237847

tagName is a property of the underlying DOM element, not an attribute, so you can use prop, which is the jQuery method for accessing/modifying properties:

alert($(obj).prop('tagName'));

Better, however, is to directly access the DOM property:

alert(obj[0].tagName);

Upvotes: 9

Rory McCrossan
Rory McCrossan

Reputation: 337560

tagName is a native DOM element property, it isn't part of jQuery itself. With that in mind, use $()[0] to get the DOM element from a jQuery selector, like this:

var obj = $("<div></div>");
alert(obj[0].tagName);

Example fiddle

Upvotes: 1

James Allardice
James Allardice

Reputation: 165951

You need to access the underlying DOM node, as jQuery objects don't have a tagName property, and tagName is not a property, not an attribute:

var obj = $("<div></div>");
alert(obj[0].tagName);

Notice that I've also removed the call to jQuery on the 2nd line, since obj is already a jQuery object.

Upvotes: 2

Related Questions