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

例如,如果给我$('a')到一个函数中,我希望得到'a'。


当前回答

你可以调用.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"

其他回答

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

$target.prop("tagName")

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

jQuery 1.6 +

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

旧版本

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

toLowerCase()不是强制性的。

get点击标签名称与jQuery

jQuery("YOUR_SELECTOR").click(function (e) {
     console.log(jQuery(e.target).prop("tagName").toLowerCase())
})

这是另一种方式:

$('selector')[0].tagName

你可以使用DOM的nodeName属性:

$(...)[0].nodeName