redirect_to :hack » jQuery http://blog.coderubik.com Thoughts on Ruby on Rails and Facebook development Thu, 07 Apr 2011 21:49:38 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Alternate background colors with jQuery http://blog.coderubik.com/2008/09/alternate-background-colors-with-jquery/ http://blog.coderubik.com/2008/09/alternate-background-colors-with-jquery/#comments Fri, 26 Sep 2008 04:09:00 +0000 Pierre Olivier Martel http://modelix.net/?p=7 I did a little javascript function with jQuery this morning to alternate DOM elements background colors. The function takes in parameters an array of jQuery elements and an array of hexadecimal colors and changes the background color of each element with the next color in the array.

// Alternates the background colors of the elements
// elems  - Array of jQuery DOM objects
// colors - Array of hexadecimal colors
function alternateBgColor(elems, colors) {
    elems.each( function(index) {
    var colorIndex = index % colors.length;
    $(this).css('background-color', colors[colorIndex]);
  });
}

It’s only a three lines function but the cool thing about it is that you can alternate through as many colors as you need. I’m only using two for now but this could come useful at some point! I like how everything javascript just got easier with jQuery.

]]> http://blog.coderubik.com/2008/09/alternate-background-colors-with-jquery/feed/ 1