JQuery-如何从具有html标记的变量中检索类名

时间:2013-06-13 10:27:57

标签: jquery variables var

我有变量.i.e。 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

5 个答案:

答案 0 :(得分:2)

可能只是:

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

确保旧浏览器支持它:

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

答案 1 :(得分:1)

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

返回已使用类的列表。

答案 2 :(得分:1)

如果您尝试获取值“del_10”,该值是否必须是初学者的className?

<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]; );

答案 3 :(得分:1)

你可以这样做:

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

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

答案 4 :(得分:1)

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

 $(gtval)[0].classList