如何使用 jQuery 获取选定元素的标签名称？

使用 jQuery 获取所选元素的标签名称

了解所选元素的标签名称在各种情况下都非常有用。 jQuery 提供了一种便捷的方式来访问此信息。

使用 .prop("tagName")

要检索所选元素的标签名称，您可以使用“.prop('tagName')”方法。此方法以字符串形式提供元素的标签名称。例如：

jQuery("<a>").prop("tagName"); // Returns "A"
jQuery("<h1>").prop("tagName"); // Returns "H1"
jQuery("<coolTagName999>").prop("tagName"); // Returns "COOLTAGNAME999"

标签名称在返回值中通常大写。

创建自定义函数

如果您发现写“. prop('tagName')" 比较麻烦，可以创建自定义函数：

jQuery.fn.tagName = function() {
  return this.prop("tagName");
};

该函数可以如下使用：

jQuery("<a>").tagName(); // Returns "A"
jQuery("<h1>").tagName(); // Returns "H1"
jQuery("<coolTagName999>").tagName(); // Returns "COOLTAGNAME999"

获取小写的标签名称

获取标签名称为小写，编辑自定义函数如下：

jQuery.fn.tagNameLowerCase = function() {
  return this.prop("tagName").toLowerCase();
};

此函数可用于检索小写的标签名称：

jQuery("<a>").tagNameLowerCase(); // Returns "a"
jQuery("<h1>").tagNameLowerCase(); // Returns "h1"
jQuery("<coolTagName999>").tagNameLowerCase(); // Returns "cooltagname999"

以上是如何使用 jQuery 获取选定元素的标签名称？的详细内容。更多信息请关注PHP中文网其他相关文章！