获取当前元素类型

Question

如何在下面找到el标签名称（例如div，p或span）？

$('div, p, span').each(function(){ 
  var el = $(this);



});

Answer 1

使用tagName属性：

$('div, p, span').each(function(){ 
  var tag = this.tagName;
});

注意：tagName是元素的属性，而不是jQuery方法。

Answer 2

如果考虑浏览器之间的一致性，使用nodeName优于tagName。 这有很好的解释：Difference between .tagName and .nodeName

$('div, p, span').each(function(){ 
  var el = this.nodeName;
});

Answer 3

<script>
$(function(){
    $("p,div").bind('click',function(){
       var el = this.tagName;
       alert(el);
    });
});
</Script>
<p>p</p>
<div>div</div>

...

更多信息（示例）here

Answer 4

您可以使用

$(this).prop('tagName')

或

$(e.target).prop('tagName')

获取所选标签名称。