我想使用jQuery获得类名
如果它有id
<div class="myclass"></div>
我想使用jQuery获得类名
如果它有id
<div 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
其他回答
如果<div>有id:
<div id="test" class="my-custom-class"></div>
...你可以试试:
var yourClass = $("#test").prop("class");
如果你的<div>只有一个类,你可以尝试:
var yourClass = $(".my-custom-class").prop("class");
当您想要检查元素是否具有特定的类时,最好使用. 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
也许,你有一个类和一个子类。
<div id='id' class='myclass mysubclass' >dfdfdfsdfds</div>
如果你使用以前的解决方案,你将有:
myclass mysubclass
因此,如果你想要类选择器,请执行以下操作:
var className = '.'+$('#id').attr('class').split(' ').join('.')
你会得到
.myclass.mysubclass
现在如果你想选择所有具有相同类的元素,比如上面的div:
var brothers=$('.'+$('#id').attr('class').split(' ').join('.'))
这意味着
var brothers=$('.myclass.mysubclass')
更新2018
或可以实现与香草javascript在2行:
const { classList } = document.querySelector('#id');
document.querySelectorAll(`.${Array.from(classList).join('.')}`);
在javascript或jquery中获取类名的最佳方法
Attr()属性函数用于获取和设置属性。
得到类
jQuery('your selector').attr('class'); // Return class
检查类是否存在
The hasClass() method checks if any of the selected elements have a specified class name.
if(jQuery('selector').hasClass('abc-class')){
// Yes Exist
}else{
// NOt exists
}
设置类
jQuery('your selector').attr('class','myclass'); // It will add class to your selector
使用jQuery点击按钮获取类
jQuery(document).on('click','button',function(){
var myclass = jQuery('#selector').attr('class');
});
如果选择器没有任何类使用jQuery添加类
if ( $('#div-id' ).hasClass( 'classname' ) ) {
// Add your code
}
使用into元素将第二个类转换为多个类
Change array position in place of [1] to get particular class.
var mysecondclass = $('#mydiv').attr('class').split(' ')[1];
直接的方式
myid.className
console.log( myid.className ) <div id=“myid” class=“myclass”></div>