jQuery 是不是有任何函数来确定 jQuery 对象引用的 DOM 元素的标签类型？

Posted 2023-03-05

【中文标题】jQuery 是不是有任何函数来确定 jQuery 对象引用的 DOM 元素的标签类型？

【英文标题】：Does jQuery have any function to determine the tag type of the DOM element(s) referenced by jQuery object?jQuery 是否有任何函数来确定 jQuery 对象引用的 DOM 元素的标签类型？

【发布时间】：2011-07-04 01:24:36

【问题描述】：

jQuery 是否有任何函数来确定 jQuery 对象引用的 DOM 元素的标签类型？我正在编写一个 jQuery 插件和...

jQuery.fn.myPlugin() 
    return this.each(function() 
       var $this = $(this);
       // <---------------------------------------HERE!
    );

我想知道this是<input>元素还是<div>元素，不直接使用DOM。

【参考方案1】：

这样做：

this.nodeName;

...或者为了安全起见，将其转换为特定情况：

this.nodeName.toLowerCase();

nodeName 属性是widely supported 的属性，在元素节点的情况下（如您的情况）将为您提供标签名称。

【讨论】：

为什么nodeName比tagName更好的链接。

@Box9：我打算将来自 quirksmode 的关于tagName 的注释粘贴到答案中，但我想我会顺其自然。但是，是的，nodeName 是要走的路。 :o)

【参考方案2】：

为什么不直接使用 DOM？既然您在this 中已经有一个方便的DOM 对象，我会说只是使用它。如果你只有有你可以做的jQuery对象：

$this.attr("tagName") == "DIV"

或

$this.is("div")

但没有必要。

【讨论】：

我会说能够通过attr 访问tagName 是jQuery 消除属性和属性之间区别的副作用，不应依赖。

【参考方案3】：

你可以使用tagName:

this.tagName; //notice this is the DOM element not the jQuery object.

http://reference.sitepoint.com/javascript/Element/tagName

【参考方案4】：

应用prop("tagName")方法获取html元素的标记名，例如：

$this.prop("tagName");