确定 jQuery 选择器元素类型 [重复]

Posted 2023-05-08

【中文标题】确定 jQuery 选择器元素类型 [重复]

【英文标题】：Determine a jQuery selector's element type [duplicate]

【发布时间】：2013-06-16 01:50:02

【问题描述】：

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

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

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

我在 jQuery 中像这样选择它们：

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

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

【问题讨论】：

“返回img 和a”是什么意思？你的意思是字符串'img'还是'a'？还是一个物体？

【参考方案1】：

您需要获取对 DOM 元素的引用并使用本机 nodeName 属性。

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

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

【讨论】：

鉴于这个问题，可能也值得在其中扔一个toLowerCase()（尽管我不知道这是否是一个特定的请求）。

@DavidThomas 好建议，实际上我自己并没有考虑到这一点，您可能只是为我节省了一两个小时的调试时间！为你点赞。

坚持nodeName：***.com/questions/4878484/…。而不是.get(0).tagName，您可以使用.prop("tagName")（或nodeName）

@Ian 我不知道nodeName;谢谢！