使用jQuery查找元素的类型

345

在jQuery中，如果我有一个元素的引用，如何确定它是哪种元素，例如输入或下拉列表？有什么办法找出来吗？

重复：

jquery

— 乔蒂什卡博拉
source

复制：stackoverflow.com/questions/341900/...

— 奥拉维尔Waage

可能是重复的，但答案更好，而另一个则标记错误。

— Rumpleteaser 2012年

@Rumpleteaser如果“另一个”的标签不正确，那么为什么不利用其edit下方的按钮来对其进行完美的标记呢？

— trejder 2015年

Answers:

615

如果元素是输入，则以下内容将返回true：

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

或者，您可以使用以下命令获取标签的名称：

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

— 马吕斯
source

当使用$（“＃elementId”）。get（0）.tagName时，tagName将全部大写-TR，DIV等

— Jarede 2012年

好的，所以tagName属性返回一个全大写值，我只是对其进行了.toLowerCase()处理

— pythonian29033

var elementType = $(this).prop('tagName');

— Damodar Bashyal，2014年

使用nodeName可能会在不同的浏览器更加一致：stackoverflow.com/questions/4878484/...

— 内森·琼斯

请注意，$("#elementId").is(":input")如果您要处理任何形式的form元素，那么using 都会告诉您，而无需检查其特定类型（reference）。

— trejder 2015年

您可以使用.prop（）与tagName为你想要得到的属性的名称：

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

— 解析度
source

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

document.getElementById('elementId').tagName

— 马塔斯·维特凯维奇乌斯（Matas Vaitkevicius）
source