リスト要素のクラスを変更する

Question

各リスト（#list）の項目を対応するもののクラスにArrayに変更したいと思います。私はこのようなものですリストがあります：

<ul id="list"> 
    <li>Banana</li> 
    <li>Apple</li> 
    <li>Pear</li> 
    <li>Strawberry</li> 
    <li>Lemon</li> 
</ul> 

をそして私はこの配列を持っている：

["ban", "appl", "per", "straw", "lemn"] 

私が欲しいのは、彼らがそうであるようにjQuery.addClass()機能が順番にclassで各項目を変更するということですArrayにあります。その結果：

<ul id="list"> 
    <li class="ban">Banana</li> 
    <li class="appl">Apple</li> 
    <li class="per">Pear</li> 
    <li class="straw">Strawberry</li> 
    <li class="lemn">Lemon</li> 
</ul> 

どうすればいいですか？

Answer 1

あなたのためにこのshould work：

var classes = ["ban", "appl", "per", "straw", "lemn"]; 

$('#list > li').addClass(function(index) { 
    return classes[index]; 
}); 

あなたはこの過負荷on the jQuery website（function(index, currentClass)コールバックを取り1）のマニュアルを参照してくださいすることができます。

Answer 2

$('#list > li').each(function(i){ 
    $(this).addClass(myArray[i]); 
}); 

Answer 3

var myArray = ["ban", "appl", "per", "straw", "lemn"]; 
$("#list > li").each(function(index) { 
    $(this).addClass(myArray[index]); 
}); 

Answer 4

$.each(myArray, function(i, value){ 
     $('#list li').eq(i).addClass(value); 
    } 
);