jQuery：获取选定的元素标签名称

JavaScript

伽罗MandyTony

2020-03-11

有没有简单的方法来获取标签名称？

例如，如果给我$('a')一个函数，我想得到'a'。

第809篇《jQuery：获取选定的元素标签名称》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共3个回答

乐泡芙 2020.03.11

您可以使用DOM的nodeName属性：

$(...)[0].nodeName

BB 2020.03.11

您可以致电.prop("tagName")。例子：

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

如果写出来.prop("tagName")很麻烦，则可以创建一个自定义函数，如下所示：

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

例子：

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

请注意，按照惯例，标签名称返回CAPITALIZED。如果希望返回的标签名称全部为小写字母，则可以编辑自定义函数，如下所示：

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

例子：

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

米亚小小神乐 2020.03.11

从jQuery 1.6开始，您现在应该调用prop：