Question

I have some data in a table that looks like this:

Adam    $50
Evan    $20
Frank   $80
Harold  $90
Jeff    $20
Linus   $10
Sam     $87
Zach    $100

Results are sorted by name alphabetically and can have any amount of $ beside them.

I need to make the top five amounts bold and red as well as append a #1, #2, #3 etc beside the first five names.

Can jQuery do this without sorting by the $ column?

Answer 1

$(function ()
{
    var i = 5,
        values = $('#myTable').find('td:odd').map(function (i, elt)
                 {
                     var $elt = $(elt);
                     return {$td: $elt,
                             value: parseFloat($elt.text().slice(1))};
                 }).get().sort(function (a,b)
                 {
                    return b.value-a.value;
                 });

    while(i--)
    {
        values[i].$td.css({fontWeight: 'bold', color: '#F00'})
                     .prev().append(' #' + (i+1));
    }
});

Functioning demo: http://jsbin.com/iseme3/7

Feel free to ask about anything in there you don’t understand.