我想使用jQuery获得类名
如果它有id
<div class="myclass"></div>
我想使用jQuery获得类名
如果它有id
<div class="myclass"></div>
当前回答
如果我们有一个div元素,或者我们想要第一个div元素,我们可以使用
$ (div)[0]。否则,我们需要该元素的id
其他回答
也许,你有一个类和一个子类。
<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('.')}`);
直接的方式
myid.className
console.log( myid.className ) <div id=“myid” class=“myclass”></div>
如果<div>有id:
<div id="test" class="my-custom-class"></div>
...你可以试试:
var yourClass = $("#test").prop("class");
如果你的<div>只有一个类,你可以尝试:
var yourClass = $(".my-custom-class").prop("class");
如果你想获得div的类,然后想检查是否有任何类存在,那么简单使用。
if ( $('#div-id' ).hasClass( 'classname' ) ) {
// do something...
}
e.g;
if ( $('body').hasClass( 'home' ) ) {
$('#menu-item-4').addClass('active');
}
你可以简单地用,
var className = $('#id').attr('class');