jQuery:获取选定的元素标签名称
有没有简单的方法来获取标签名称?
例如,如果我将$('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"
请注意,标签名称按照惯例返回CAPITALIZED。 如果你想让返回的标签名全部小写,你可以像这样编辑自定义函数:
jQuery.fn.tagNameLowerCase = function() {
return this.prop("tagName").toLowerCase();
};
例子:
jQuery("<a>").tagNameLowerCase(); //==> "a"
jQuery("<h1>").tagNameLowerCase(); //==> "h1"
jQuery("<coolTagName999>").tagNameLowerCase(); //==> "cooltagname999"
您可以使用DOM的nodeName
属性:
$(...)[0].nodeName
从jQuery 1.6开始,你现在应该调用prop:
$target.prop("tagName")
请参阅http://api.jquery.com/prop/
链接地址: http://www.djcxy.com/p/83051.html