如何在元素的类定义列表中选择第一个类

How to select first class in a list of class definition for an element

本文关键字：列表 选择 第一个 定义 元素      更新时间：2023-09-26

我有这些元素：

<div id="contentoDinamico">    
    <div id="item_box_3777" class="index0 itemContenutoDinamico attivo">
    <div id="item_box_3792" class="index4 itemContenutoDinamico">
</div>

这个功能：

$("#contentoDinamico div").attr('class', function(i, e) {
    a.push(e);
});

但我只想为每个div子级推送第一类；因此，在该示例中，index0和index4，而不是index0 itemContenutoDinamico attivo和index4 itemContenutoDinamico。

我该怎么做？

HTML5兼容的浏览器将classList属性添加到可以直接索引的元素中。或者，您必须按空格字符分割类值：

$("#contentoDinamico div").each(function(i, e) {
     if ('classList' in this) {
         a.push(this.classList[0]);
     } else {
         var cn = this.className;
         var ca = cn.split(' ');
         a.push(c[0]);
     }
}

如果类属性中有前导空格，则空间拆分版本可能会中断。

用空格分割返回的类，然后得到它：

.split(/'s/)
相关文章：