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

javascript jquery html css htmlelements

2022-08-29 22:34:56

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

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

答案 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"

请注意，按照惯例，标记名称是大写返回的。如果您希望返回的标签名称全部小写，可以按如下方式编辑自定义函数：

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

例子：

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

答案 2

您可以使用 DOM 的 nodeName 属性：

$(...)[0].nodeName