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

Question

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

我想在示例中做的是让每个订单项都具有独特的颜色.这可以在.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/

您可以使用每个函数中的索引来引用数组.如果您想了解更多详细信息,请访问:http: //api.jquery.com/each/