Question

Is it possible to write individual code for each result within an .each() function?

What I’d like to do in the example is have each line item to have a unique color. Can this be done within the .each() ?

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

http://jsfiddle.net/rJGYL/

Edit: To be more concise, is it possible to add unique css to each item? Not just a color for example but say I wanted to have the first item have a font-weight of bold and the next item be italic…

Answer 1

yeah You can do this using the following code

$(document).ready(function() {
  var colors = ['black','red','purple','yellow']
    $('li').each(function(i) {
        $(this).css('color', colors[i]);
    });


// End it all    
});​

Working Fiddle

Put your colors in colors array.

Update

You can define different css for each li in a array like this

$(document).ready(function() {
    var css = [{'font-weight':'bold','font-size':'25px','color':'red'}
               ,{'color':'purple'},{'color':'black'},{'color':'yellow'}]
    $('li').each(function(i) {
        $(this).css(css[i]);

    });


// End it all    
});​

Working Fiddle

You have define the css property’s as 'key':'value' pair in css array of objects.