使用jQuery获取类名

Question

我想使用jQuery获取类名

如果它有id

<div class="myclass"></div>

Answer 1

通过其他方式获取元素作为jQuery对象,然后

var className = $('#sidebar div:eq(14)').attr('class');

应该做的伎俩.用于ID使用.attr('id').

如果您在事件处理程序或其他jQuery方法中,其中元素是没有包装器的纯DOM节点,则可以使用:

this.className // for classes, and
this.id // for IDs

两者都是标准的DOM方法,并且在所有浏

Answer 2

.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 3

小心,也许,你有一个类和一个子类.

  <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年

OR可以用2行中的vanilla javascript实现:

  const { classList } = document.querySelector('#id');
  document.querySelectorAll(`.${Array.from(classList).join('.')}`);

Answer 4

这是为了将第二个类用于元素中的多个类

var class_name = $('#videobuttonChange').attr('class').split(' ')[1];

Answer 5

你可以简单地使用,

var className = $('#id').attr('class');

Answer 6

如果您<div>有id:

?<div id="test" class="my-custom-class"></div>????????????????????????????????????????????????????????????????????????

...你可以试试:

var yourClass = $("#test").prop("class");

如果您<div>只有a class,您可以尝试:

var yourClass = $(".my-custom-class").prop("class");

Answer 7

如果您要使用split函数来提取类名,那么您将不得不补偿可能产生意外结果的潜在格式变化.例如:

" myclass1  myclass2 ".split(' ').join(".")

产生

".myclass1..myclass2."

我认为你最好使用正则表达式来匹配类名允许的字符集.例如:

" myclass1  myclass2  ".match(/[\d\w-_]+/g);

产生

["myclass1", "myclass2"]

正则表达式可能不完整,但希望您理解我的观点.这种方法减少了格式不良的可能性.

Answer 8

为了完成Whitestock的答案(这是我发现的最好的答案)我做了:

className = $(this).attr('class').match(/[\d\w-_]+/g);
className = '.' + className.join(' .');

所以对于"myclass1 myclass2",结果将是'.myclass1 .myclass2'

Answer 9

您可以通过两种方式获取类名:

var className = $('.myclass').attr('class');

要么

var className = $('.myclass').prop('class');

Answer 10

<div id="elem" class="className"></div>

用Javascript

document.getElementById('elem').className;

用jQuery

$('#elem').attr('class');

要么

$('#elem').get(0).className;