I wanted a way to replace the numbered bullets in an ordered list with graphical equivalents. Here’s a succinct solution:

  1. $(‘ol li’).each(function(i){
  2.   $(this).css(
  3.     { "padding-left":"40px",
  4.       "list-style":"none",
  5.       "background":"url(/images/"+(i+1)+".png) no-repeat"}
  6.     );
  7. });

From this:

To this:

Easy!