如何获取当前所选HTML标签的名称？

Question

我已经用jQuery选择了一些标签：

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

现在，我需要获取当前标签的名称：

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

预期结果：“选择”，“输入”等。

所以，我需要知道如何获取element的标签名称。 也许没有jQuery，就带有本机javascript函数-无论如何。

Answer 1

您可以使用HTML DOM本机tagName属性。 尝试这个：

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

尝试这个：

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

Answer 5

当然...很简单

这是一个有效的例子

http://jsfiddle.net/L96KG/

这是参考资料

jQuery可以提供标签名称吗？

Answer 6

您也可以：

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