如何獲取當前所選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);
});