jquery - .each( ) 中单个项目的唯一操作

Question

是否可以为 .each() 函数中的每个结果编写单独的代码？

我想在 the example 做什么让每个行项目都有唯一的颜色。这可以在 .each() 中完成吗？

$(document).ready(function() {    
    $('li').each(function() {
        $(this).css('color', 'purple');
    }); 
// End it all    
});​

http://jsfiddle.net/rJGYL/

编辑:为了更简洁，是否可以为每个项目添加独特的CSS？例如，不仅仅是颜色，而是说我想让第一个项目的字体粗细为粗体，下一个项目为斜体......

Answer 1

$(document).ready(function() {

var colors = ['red','green', 'blue', 'pink']

    $('li').each(function(i) {
        $(this).css('color', colors[i]);
    });


// End it all    
});​

JSFiddle:http://jsfiddle.net/lucuma/aU4kr/

您可以使用each 函数中的索引来引用数组。如果您想了解更多详细信息，可以在这里找到:http://api.jquery.com/each/