我想使用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;