一類陣列

Question

添加到第一要素我對jQuery的數組元素一個簡單的問題...

<div id="holder">  
    <div class="A">A</div> 
    <div class="A">A</div> 
    <div class="A">A</div> 
    <div class="B">B</div> 
    <div class="B">B</div> 
    <div class="B">B</div> 
    <div class="B">B</div> 
    <div class="C">C</div> 
    <div class="C">C</div> 
    <div class="C">C</div> 
    <div class="C">C</div> 
    <div class="C">C</div> 
</div> 

和JS：

var klassenarray = $("#holder").find("[class]").map(function() { 
    return this.className; 
    }).get(); 
alert(klassenarray); 

給我：

A,A,A,B,B,B,B,C,C,C,C,C 

現在我需要爲每個具有相同className的元素添加一個名爲first的類。這樣的：

<div id="holder">  
    <div class="A first">A</div> 
    <div class="A">A</div> 
    <div class="A">A</div> 
    <div class="B first">B</div> 
    <div class="B">B</div> 
    <div class="B">B</div> 
    <div class="B">B</div> 
    <div class="C first">C</div> 
    <div class="C">C</div> 
    <div class="C">C</div> 
    <div class="C">C</div> 
    <div class="C">C</div> 
</div> 

Answer 1

要做到這一點，你可以把你的陣列，通過它特有的價值觀，然後循環並使用first()方法來檢索只與給定類的第一要素。試試這個：

var klassenarray = $("#holder").find("[class]").map(function() { 
 
    return this.className; 
 
}).get(); 
 

 
$.unique(klassenarray).forEach(function(c) { 
 
    $('.' + c).first().addClass('first'); 
 
});

.first { color: #C00; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="holder"> 
 
    <div class="A">A</div> 
 
    <div class="A">A</div> 
 
    <div class="A">A</div> 
 
    <div class="B">B</div> 
 
    <div class="B">B</div> 
 
    <div class="B">B</div> 
 
    <div class="B">B</div> 
 
    <div class="C">C</div> 
 
    <div class="C">C</div> 
 
    <div class="C">C</div> 
 
    <div class="C">C</div> 
 
    <div class="C">C</div> 
 
</div>

Answer 2

一種方式做到這一點：

$(".A:first").addClass('first') 
$(".B:first").addClass('first') 
$(".C:first").addClass('first') 

Working fiddle

Answer 3

  var previousClazz=""; 
      $("#holder > div").each(function(index,item){ 

       if(previousClazz==$(item).attr("class")){ 

       }else{ 
        previousClazz=$(item).attr("class"); 
        $(item).attr("class",$(item).attr("class")+" first") 
       }; 
      });