使用jQuery查找元素类型

Question

在jQuery中，如果我有一个元素的引用，如何确定它是什么类型的元素，例如输入框或下拉框？有没有办法找出来？

重复：

如何确定jQuery中匹配元素的元素类型？

- jyotishka bora

---

如何在jQuery中确定匹配元素的元素类型？ - Ólafur Waage

可能是重复的问题，但这个答案更好，而另一个标签不正确。 - Rumpleteaser

@Rumpleteaser如果“另一个”被错误标记，那么为什么不利用下面的“编辑”按钮将其正确标记？ - trejder

Answer 1

以下代码将在元素为输入框时返回 true：

$("#elementId").is("input") 

你可以使用以下代码获取标签的名称：

$("#elementId").get(0).tagName

- Marius

---

使用$("#elementId").get(0).tagName时，tagName将会全部大写，如TR、DIV等。 - Jarede

好的，所以tagName属性返回一个全大写的值，我刚才对它使用了.toLowerCase()方法。 - pythonian29033

这行代码的意思是，获取当前元素的标签类型并将其存储在名为elementType的变量中。翻译如下：“var elementType = $(this).prop('tagName');”。 - Damodar Bashyal

在不同浏览器上使用 nodeName 可能更加一致：https://dev59.com/cW445IYBdhLWcg3wZJiw - Nathan Jones

请注意，通常使用$（“#elementId”）.is（“：input”）可以告诉您是否正在处理任何类型的表单元素，而无需检查其特定类型。参考链接：https://dev59.com/GGgt5IYBdhLWcg3w8iDe#11689147。 - trejder

Answer 2

你可以使用 .prop()，并将 tagName 作为要获取的属性名称：

$("#elementId").prop('tagName'); 

- Resolution

Answer 3

值得注意的是，@Marius的第二个答案可以作为纯JavaScript解决方案。

document.getElementById('elementId').tagName

- Matas Vaitkevicius