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.

Answer 1

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

var tag_name = this.tagName;

Answer 2

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

Answer 3

仅this.tagName会给您节点名称。

Answer 4

Try this:

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

Answer 5

sure... very simple

Here is a working example

http://jsfiddle.net/L96KG/

here is the reference source

Can jQuery provide the tag name?

Answer 6

You can also do:

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