如何检索 jQuery 元素的标签名称？

使用 jQuery 检索标签名称

在 jQuery 中查询元素提供对各种属性的访问，包括标签名称。本指南探讨了获取给定选定元素的标签名称的有效方法。

获取标签名称

.prop() 方法允许您检索标签名称使用 .prop("tagName")。以下是一些示例：

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

为了方便起见，您可以创建自定义函数，如下所示：

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中文网其他相关文章！