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

Question

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

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

Answer 1

您可以致电.prop("tagName")。例子：jQuery("<a>").prop("tagName"); //==> "A"jQuery("<h1>").prop("tagName"); //==> "H1"jQuery("<coolTagName999>").prop("tagName"); //==> "COOLTAGNAME999"如果写出来.prop("tagName")很麻烦，则可以创建一个自定义函数，如下所示：jQuery.fn.tagName = function() {&nbsp; return this.prop("tagName");};例子：jQuery("<a>").tagName(); //==> "A"jQuery("<h1>").tagName(); //==> "H1"jQuery("<coolTagName999>").tagName(); //==> "COOLTAGNAME999"请注意，按照惯例，标签名称返回CAPITALIZED。如果希望返回的标签名称全部为小写字母，则可以编辑自定义函数，如下所示：jQuery.fn.tagNameLowerCase = function() {&nbsp; return this.prop("tagName").toLowerCase();};例子：jQuery("<a>").tagNameLowerCase(); //==> "a"jQuery("<h1>").tagNameLowerCase(); //==> "h1"jQuery("<coolTagName999>").tagNameLowerCase(); //==> "cooltagname999"

Answer 2

jQuery 1.6以上jQuery('selector').prop("tagName").toLowerCase()旧版本jQuery('selector').attr("tagName").toLowerCase()toLowerCase（）不是必需的。