我想使用jQuery获得类名
如果它有id
<div class="myclass"></div>
我想使用jQuery获得类名
如果它有id
<div class="myclass"></div>
当前回答
如果你不知道类名,但你知道ID,你可以试试这个:
<div id="currentST" class="myclass"></div>
然后调用它使用:
alert($('#currentST').attr('class'));
其他回答
你可以简单地用,
var className = $('#id').attr('class');
直接的方式
myid.className
console.log( myid.className ) <div id=“myid” class=“myclass”></div>
试一试
HTML
<div class="class_area-1">
area 1
</div>
<div class="class_area-2">
area 2
</div>
<div class="class_area-3">
area 3
</div>
jQuery
<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
<script type="application/javascript">
$('div').click(function(){
alert($(this).attr('class'));
});
</script>
这也有用。
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('.')}`);