javascript - 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() {
  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"