确定jQuery选择器的元素类型

Question

如果我有两个这样的DOM元素:

<img id="test1" src="xyz" />

<a id="test2" href="#">Test 2</a>

我在jQuery中选择它们是这样的:

$('#test1') 和 $('#test2')

我希望能够返回img和a分别.使用vanilla Javascript或jQuery,最好的方法是什么？

Answer 1

您需要获取对DOM元素的引用并使用native nodeName属性.

你可以用jQuery做到这一点: $('#test1').prop('nodeName').toLowerCase()

或者使用香草js: document.getElementById('test1').nodeName.toLowerCase()

鉴于这个问题,也可能值得在其中抛出一个`toLowerCase()`(虽然我不知道这是否是一个特定的请求). (4认同)
坚持使用`nodeName`:http://stackoverflow.com/questions/4878484/difference-between-tagname-and-nodename.而不是`.get(0).tagName`,你可以使用`.prop("tagName")`(或`nodeName`) (2认同)