有没有一种简单的方法来获取标签名称？
例如，如果我被赋予$('a')一个函数，我想得到'a'.
jQuery：获取所选元素标签名称
IT技术
javascript
jquery
jquery-selectors
2021-01-14 16:50:07
6个回答
你可以打电话.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"
您可以使用 DOM 的nodeName属性：
$(...)[0].nodeName
jQuery 1.6+
jQuery('selector').prop("tagName").toLowerCase()
旧版本
jQuery('selector').attr("tagName").toLowerCase()
toLowerCase() 不是强制性的。
这是另一种方式：
$('selector')[0].tagName
其它你可能感兴趣的问题