我想使用jQuery获得类名
如果它有id
<div class="myclass"></div>
我想使用jQuery获得类名
如果它有id
<div class="myclass"></div>
当前回答
这也有用。
const $el = $(".myclass");
const className = $el[0].className;
其他回答
也许,你有一个类和一个子类。
<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('.')}`);
你可以简单地用,
var className = $('#id').attr('class');
在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];
如果我们有一个div元素,或者我们想要第一个div元素,我们可以使用
$ (div)[0]。否则,我们需要该元素的id
<div id="elem" class="className"></div>
使用Javascript
document.getElementById('elem').className;
与jQuery
$('#elem').attr('class');
OR
$('#elem').get(0).className;