How to get the name of the current selected HTML tag?

Question

I have selected some tag with jQuery:

$('select, :checkbox, :radio').each(function(){
   // ...
});

Now, I need to get the name of the current tag:

$('select, :checkbox, :radio').each(function(){
   var tag_name = $(this). ???
   alert(tag_name);
});

Expected result: "select", "input" and so on.

So, I need to know, how to get the tag name of element. Maybe without jQuery, with native javascript functions - no matter how.

Thanks a lot to all! There a lot of very usefull information in all your answers. — Ax., Jul 26 '11 at 19:47
Also check: http://stackoverflow.com/questions/5347357/jquery-get-selected-element-tag-name/9538913#9538913 — Chepech, Mar 09 '12 at 22:39

score 7 · Accepted Answer · answered Jul 26 '11 at 19:37

7

You can use the HTML DOM native tagName property. Try this:

var tag_name = this.tagName;

answered Jul 26 '11 at 19:37

Chandu

see this... http://stackoverflow.com/questions/1532331/can-jquery-provide-the-tag-name – samccone Jul 26 '11 at 19:40

score 4 · Answer 2 · answered Jul 26 '11 at 19:38

4

$('select, :checkbox, :radio').each(function(){
   var tag_name = this.tagName;
   alert(tag_name);
});

answered Jul 26 '11 at 19:38

Shef

score 1 · Answer 3 · answered Jul 26 '11 at 19:38

1

Just this.tagName will give you the node name.

answered Jul 26 '11 at 19:38

ShankarSangoli

score 1 · Answer 4 · answered Jul 26 '11 at 19:39

1

Try this:

$('select, :checkbox, :radio').each(function(){
   alert($(this).get(0).nodeName);
});

answered Jul 26 '11 at 19:39

Alex Heyd

this.tagName might be better actually... http://stackoverflow.com/questions/4878484/different-between-tagname-and-nodename-jquery – Alex Heyd Jul 26 '11 at 19:40

score 1 · Answer 5 · edited May 23 '17 at 12:11

1

sure... very simple

Here is a working example

http://jsfiddle.net/L96KG/

here is the reference source

edited May 23 '17 at 12:11

Community

answered Jul 26 '11 at 19:40

samccone

score 1 · Answer 6 · answered Jul 26 '11 at 19:40

1

You can also do:

$('select, :checkbox, :radio').each(function(el){
    alert(el.tagName);
});

answered Jul 26 '11 at 19:40

citizen conn

6 Answers6