我想使用jQuery获得类名
如果它有id
<div class="myclass"></div>
我想使用jQuery获得类名
如果它有id
<div class="myclass"></div>
当前回答
如果你想获得div的类,然后想检查是否有任何类存在,那么简单使用。
if ( $('#div-id' ).hasClass( 'classname' ) ) {
// do something...
}
e.g;
if ( $('body').hasClass( 'home' ) ) {
$('#menu-item-4').addClass('active');
}
其他回答
你可以简单地用,
var className = $('#id').attr('class');
在通过类以外的其他方式将元素获取为jQuery对象后,然后
var className = $('#sidebar div:eq(14)').attr('class');
应该能行。ID使用.attr(' ID ')。
如果你在事件处理程序或其他jQuery方法中,其中元素是没有包装器的纯DOM节点,你可以使用:
this.className // for classes, and
this.id // for IDs
两者都是标准的DOM方法,在所有浏览器中都得到了良好的支持。
如果我们有一个div元素,或者我们想要第一个div元素,我们可以使用
$ (div)[0]。否则,我们需要该元素的id
当您想要检查元素是否具有特定的类时,最好使用. 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
在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];