如何轻松获取所选 jQuery 元素的标签名称？

如何在 jQuery 中检索所选元素的标签名称

在 jQuery 中，我们经常操作网页上的元素。有时，检索我们正在使用的元素的标签名称很有用。

有一种简单的方法来获取标签名称吗？

例如，假设您在函数中得到了 $('a') 并且想要获取 'a' 标签name.

答案

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

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

如果写出 .prop("tagName") 很麻烦，您可以定义自定义函数：

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

示例：

jQuery("<a>").tagName(); //==> "A"
jQuery("<h1>").tagName(); //==> "H1"
jQuery("<cooltagname999>").tagName(); //==> "COOLTAGNAME999"</cooltagname999>
</h1></a>

按照惯例，标签名称以大写形式返回。如果您喜欢小写标签名称，请修改自定义函数：

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

示例：

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

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