javascript - 如何获取当前选中的 HTML 标签的名称？

Question

我用 jQuery 选择了一些标签：

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

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

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

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

所以，我需要知道，如何获取元素的标签名称。也许没有 jQuery，使用原生 javascript 函数——无论如何。

score 7 · Accepted Answer

7

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

var tag_name = this.tagName;

于 2011-07-26T19:37:37.457 回答

score 4 · Accepted Answer

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

score 1 · Accepted Answer

1

只是this.tagName会给你节点名称。

于 2011-07-26T19:38:50.610 回答

score 1 · Accepted Answer

试试这个：

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

score 1 · Accepted Answer

当然……很简单

这是一个工作示例

http://jsfiddle.net/L96KG/

这是参考来源

score 1 · Accepted Answer

你也可以这样做：

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

6 回答 6