javascript - 如何使用jquery从div中的多个类中获取指定的类名？

Question

是否可以从一个 html 元素中的多个类中获取一个类作为字符串。我有许多类存储在一个 html 元素中，但我只想从它们中获取类名。

这是我的 html:

<div class="class1 class2 class3 class4"></div>
<div class="class1 classb classv classd"></div>
<div class="class1 classw classdf classl"></div>
<div class="class1 classl classo classj"></div>

jquery:

<script>
     $(document).ready({

             if($(".class1").hasClass("classw")){ 
                 var cl = $(".classw").attr('class');
                 console.log(cl)// out put: class1 classw
             }
      });
</script>

如上代码，我将获得 class1 classw 类，但我只想获得其中的 classw 类。

请帮忙

Answer 1

不确定您要做什么，但这将为您提供每个元素的所有类:

<div class="class1 class2 class3 class4"></div>
<div class="class1 classb classv classd"></div>
<div class="class1 classw classdf classl"></div>
<div class="class1 classl classo classj"></div>

$('div.class1').each(function() {
    console.log( $(this).attr('class').split(' ') )
})

然后您可以对返回的数组执行 indexOf:

https://jsfiddle.net/nebulousal/y8yoofd4/1/