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"

Answer 2

您可以使用DOM的nodeName属性:

$(...)[0].nodeName

Answer 3

从jQuery 1.6开始,你现在应该调用prop:

$target.prop("tagName")

见http://api.jquery.com/prop/

Answer 4

jQuery 1.6+

jQuery('selector').prop("tagName").toLowerCase()

旧版本

jQuery('selector').attr("tagName").toLowerCase()

toLowerCase()不是必需的.

Answer 5

这是另一种方式:

$('selector')[0].tagName

Answer 6

您应不使用jQuery('selector').attr("tagName").toLowerCase(),因为它只能在旧版本的jQuery工作.

您可以使用$('selector').prop("tagName").toLowerCase(),如果你确信你使用jQuery的版本,这就是> = 1.6的版本.

注意 :

您可能认为现在每个人都在使用jQuery 1.10+或其他东西(2016年1月),但遗憾的是并非如此.例如,今天很多人仍在使用Drupal 7,到目前为止,Drupal 7的每个正式版本都默认包含jQuery 1.4.4.

因此,如果您不确定您的项目是否将使用jQuery 1.6+,请考虑使用适用于所有jQuery版本的选项之一:

选项1 :

jQuery('selector')[0].tagName.toLowerCase()

选项2

jQuery('selector')[0].nodeName.toLowerCase()