使用jQuery获取类名

Question

我想使用jQuery获取类名如果它有一个ID<div class="myclass"></div>

Answer 1

.hasClass()当您要检查元素是否具有特定的时，最好使用class。这是因为当一个元素有多个class时，检查起来并不容易。

例：

<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

Answer 2

小心一点，也许您有一个类和一个子类。

  <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

或可以在2行中使用香草javascript实现：

  const { classList } = document.querySelector('#id');

  document.querySelectorAll(`.${Array.from(classList).join('.')}`);