如何在元素的類定義列表中選擇第一類

Question

我有這些要素：

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

我怎樣才能做到這一點？

Answer 1

兼容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]);
     }
}

如果您的class屬性中有前導空格，則空格分割版本可能會中斷。

Answer 2

用空格分隔返回的類，然后在其中有了它：

.split(/\s/)