JQuery-如何从具有html标签的变量中检索类名[重复]答案

【问题标题】：JQuery- How to retrieve class name from a Variable having html tag [duplicate]JQuery-如何从具有html标签的变量中检索类名[重复]
【发布时间】：2013-06-09 16:51:39
【问题描述】：

我有变量。即var gtval 它返回一个图像标签，现在我想要获取该 img 标签的类名；

var gtval = aData[4];
alert(gtval);

警报显示-

    <img id="ctl00_ContentPlaceHolder1_gv_Image1" class="del_10 pointer" 
src="images/delete_item.png" style="border-width:0px;">

我想获取del_10值

【问题讨论】：

标签： jquery variables var

【解决方案1】：

var classList = gtval.attr('class').split(/\s+/);

返回使用的类列表。

【讨论】：

感谢您的回答

【解决方案2】：

可能只是：

alert($(gtval).attr('class').split(' ')[0]);

为了确保旧版浏览器会支持它：

alert($($.trim(gtval)).attr('class').split(' ')[0]);

【讨论】：

非常感谢它有效，实际上我正在尝试$(gtval).attr('class')但它不起作用

【解决方案3】：

如果您尝试获取值“del_10”，该值是否必须是初学者的类名？

<img id="ctl00_ContentPlaceHolder1_gv_Image1" rel="del_10" class="pointer" src="images/delete_item.png" style="border-width:0px;">

alert( $('#'+aData[4]).attr('rel') );

否则上面给出的其他答案应该有效。虽然我想你需要像这样包含哈希：

alert( $('#'+aData[4]).attr('class').split(/\s+/)[0]; );

【讨论】：

【解决方案4】：

你可以这样做：

var className = $(gtval).map(function () {
    return this.className;
})[0].split(' ').join(',');

console.log(className); // result: del_10,pointer

【讨论】：

【解决方案5】：

或者您可以获取原始 DOM 并获取 classList

 $(gtval)[0].classList

【讨论】：