jQuery – How to get the tag name

To get the element tag name, you can use the tagName function. There are two ways to use it :

1) .get(0).tagName

Select an element that has a class name of “classTag1”, and use the .get(0).tagName function to display its tag name.


$('.classTag1').get(0).tagName; 

2) .[0].tagName

2. Select an element that has a class name of “classTag1”, and use the .[0].tagName function to display its tag name.


$('.classTag1')[0].tagName;

Example


<html>
<head>
<title>jQuery Get Tag Name</title>
 
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
 
</head>
 
<script type="text/javascript">
 
$(document).ready(function(){
	
    var $tag = $('p')[0].tagName; //'P'
    alert($tag);
	
    var $tag = $('.classTag1')[0].tagName; //'DIV'
    alert($tag);
	
    var $tag = $('#idTag1')[0].tagName; //'DIV'
    alert($tag);
	
    var $tag = $('p').get(0).tagName; //'P'
    alert($tag);
	
    var $tag = $('.classTag1').get(0).tagName; //'DIV'
    alert($tag);
	
    var $tag = $('#idTag1').get(0).tagName; //'DIV'
    alert($tag);	

});

</script>
<body>

<h1>jQuery Get Tag Name</h1>

    <p>
    	This is paragrah 1
    </p>
	
	<div class="classTag1">
		This is class='classTag1'
	</div>
	
	<div id="idTag1">
		This is id='idTag1'
	</div>

</body>
</html>

About the Author

author image
mkyong
Founder of Mkyong.com, love Java and open source stuff. Follow him on Twitter, or befriend him on Facebook or Google Plus. If you like my tutorials, consider make a donation to these charities.

Comments

Leave a Reply

avatar
newest oldest most voted
rahamath ulla
Guest
rahamath ulla

i have a form i have to search the particular field by using search how can i search in that by using jquery, searching field should be displayed other fields should be hiden when it display how can i do it plzz help any one Thanks in advance.

kavin
Guest
kavin

its not working for this case,please help asap

Unknown

Jamo
Guest
Jamo

$(“form”).is(“form”)
true
$(“form”).is(“li”)
false

coimbatore hotels
Guest
coimbatore hotels

working for me. Thanks for sharing.

trackback
List xml nodes and attribute name from xml | SeekPHP.com

[…] jQuery. Getting the node name is a little more difficult but a method for getting it is provided here. From a quick look, I’m assuming you’d want to do something along the lines […]

jaron barends
Guest
jaron barends

Also, tagName is not a function, but an attribute. Upon reading “use the .get(0).tagName function”, I used automatically typed “.get(0).tagName();” in my code (with the parentheses after tagName). To avoid confusion, it would be better to change “function” in “attribute”.

Umair Jabbar
Guest
Umair Jabbar

Doesn’t work !

joe
Guest
joe

fuck off

Guilherme Dupont
Guest
Guilherme Dupont

You can access simply as it:

$(element).attr(“tagName”)

Dan
Guest
Dan

that doesn’t works as good as the other solution (using jscript on the dom element directly)

Ymox
Guest
Ymox

With jQuery 1.7.1 and further,

$('form').attr('tagName')

returns

undefined

(I think it might be so from 1.6.1, see jQuery documentation dicussion about Attribute vs. Element at http://api.jquery.com/prop/#prop1). You need to use

$('form').prop('tagName')
Ingmar
Guest
Ingmar

Hi there,

this has nothing to do with jQuery – ‘tagName’ as a function does exist neither in jQuery nor in JavaScript. ‘tagName’ is a property of every DOM-Element – so you can use ist like ‘document.getElementById(“myId”).tagName’. The only jQuerything in your post is how you retrieve the DOM-Element: $(‘myselector’).get(0) and $(‘myselector’)[0] both just return the first DOM-Element which matches ‘myselector’ – after that, you are leaving the jQuery-Scope and are just accessing the DOM-element-property ‘tagName’