Get the current element type

Question

How can I find the el tag name below (eg. div, p or span) ?

$('div, p, span').each(function(){ 
  var el = $(this);



});

score 6 · Answer 1 · answered Jul 14 '11 at 11:00

6

Use the tagName property:

$('div, p, span').each(function(){ 
  var tag = this.tagName;
});

Note: tagName is a property of the element, not a jQuery method.

answered Jul 14 '11 at 11:00

Guffa

687,336
108
737
1,005

score 3 · Accepted Answer · edited May 23 '17 at 12:11

3

Using nodeName is better than tagName if you consider consistency between browsers. This has good explanation: Difference between .tagName and .nodeName

$('div, p, span').each(function(){ 
  var el = this.nodeName;
});

edited May 23 '17 at 12:11

Community

1
1

answered Jul 14 '11 at 11:06

Sanghyun Lee

21,644
19
100
126

1

There won't be any other type of nodes than tags in a collection created from that selector. Actually, there will never be any other type of nodes in a jQuery collection created from *any* selector. – Guffa Jul 14 '11 at 11:27

score 0 · Answer 3 · answered Aug 09 '13 at 18:03

0

You can use

$(this).prop('tagName')

or

$(e.target).prop('tagName')

to get the selected tag name.

answered Aug 09 '13 at 18:03

Kris

35
2
8

genesis · Answer 4 · 2011-07-14T11:10:38.443

0

<script>
$(function(){
    $("p,div").bind('click',function(){
       var el = this.tagName;
       alert(el);
    });
});
</Script>
<p>p</p>
<div>div</div>

....

more info (example) here

edited Jul 14 '11 at 11:10

answered Jul 14 '11 at 11:01

genesis

50,477
20
96
125

That doesn't work, there is no tagName property in the jQuery object. (I even tried it, to be 100% sure.) – Guffa Jul 14 '11 at 11:07
yes, sorry. It will work now. working demo: http://sandbox.phpcode.eu/g/e26a7.php – genesis Jul 14 '11 at 11:10

Get the current element type

4 Answers4