我想使用jQuery获得类名
如果它有id
<div class="myclass"></div>
我想使用jQuery获得类名
如果它有id
<div class="myclass"></div>
当前回答
为了完成怀特斯托克的答案(这是我找到的最好的答案),我做了:
className = $(this).attr('class').match(/[\d\w-_]+/g);
className = '.' + className.join(' .');
所以对于" myclass1 myclass2 ",结果将是'。myclass1 .myclass2”
其他回答
像这样使用:-
$(".myclass").css("color","red");
如果您使用过这个类不止一次,那么请使用每个操作符
$(".myclass").each(function (index, value) {
//do you code
}
你可以简单地用,
var className = $('#id').attr('class');
如果您打算使用split函数来提取类名,那么您将不得不弥补可能产生意外结果的潜在格式变化。例如:
" myclass1 myclass2 ".split(' ').join(".")
生产
".myclass1..myclass2."
我认为最好使用正则表达式来匹配类名所允许的字符集。例如:
" myclass1 myclass2 ".match(/[\d\w-_]+/g);
生产
["myclass1", "myclass2"]
正则表达式可能不完整,但希望您理解我的观点。这种方法减少了格式不佳的可能性。
直接的方式
myid.className
console.log( myid.className ) <div id=“myid” class=“myclass”></div>
当您想要检查元素是否具有特定的类时,最好使用. hasclass()。这是因为当一个元素有多个类时,检查起来并不简单。
例子:
<div id='test' class='main divhover'></div>
地点:
$('#test').attr('class'); // returns `main divhover`.
使用. hasclass()我们可以测试div是否具有类divhover。
$('#test').hasClass('divhover'); // returns true
$('#test').hasClass('main'); // returns true