Add Efficiency

by Glen Cheney

HTML

<table class="data_table data_table_sort weapon_performanceops2">
    <thead>
        <tr>
            <th><span>Weapon</span><span class="sorting_arrows"></span>

            </th>
            <th>&nbsp;</th>
            <th class=""><span>Usage</span><span class="sorting_arrows"></span> 
            </th>
            <th class="headerSortUp current">
                <span>Kills</span>
                <span class="sorting_arrows"></span>
            </th>
        </tr>
    </thead>
    <tbody class="killstreaks">
        <tr class="on">
            <td><span class="weapon_name">Lightning Strike</span>

            </td>
            <td>
                <div id="lightning_strike" class="weapon_image">Lightning Strike</div>
            </td>
            <td class="">
                <p>686</p>
                <div class="chart_progress">
                    <div style="width: 85%;">&nbsp;</div>
                </div>
            </td>
            <td class="current">
                <p>1319</p>
                <div class="chart_progress">
                    <div style="width: 100%;">&nbsp;</div>
                </div>
            </td>
        </tr>
        <tr>
            <td><span class="weapon_name">Stealth Chopper</span>

            </td>
            <td>
                <div id="stealth_chopper" class="weapon_image">Stealth Chopper</div>
            </td>
            <td class="">
                <p>128</p>
                <div class="chart_progress">
                    <div style="width: 16%;">&nbsp;</div>
                </div>
            </td>
            <td class="current">
                <p>454</p>
                <div class="chart_progress">
                    <div style="width: 34%;">&nbsp;</div>
                </div>
            </td>
        </tr>
        <tr class="on">
            <td><span class="weapon_name">Lodestar</span>

            </td>
            <td>
                <div id="lodestar" class="weapon_image">Lodestar</div>
        ...

CSS

table {
    width: 100%;
}

.highlight {
    background: #bada55;
}

JavaScript

$('.weapon_performanceops2 thead tr').append('<th>Efficiency</th>');
$('.chart_progress').remove();

var best = $(),
    bestRatio = 0,
    bestScorestreak = '';
$('.weapon_performanceops2 tbody tr').each(function(i, tr) {
    var $tr = $(tr),
        scorestreak = $.trim( $tr.find('td').first().text() ),
        used = parseInt( $tr.find('td').eq(2).text(), 10 ),
        kills = parseInt( $tr.find('td').eq(3).text(), 10 ),
        efficiency = kills / used;
    
    if ( kills && efficiency > bestRatio ) {
        best = $tr;
        bestRatio = efficiency;
        bestScorestreak = scorestreak;
    }
    
    if ( !kills ) {
        efficiency = 'N/A';
    } else {
        efficiency = efficiency.toFixed(2);
    }
    
    $tr.append('<td>' + efficiency + '</td');
});

console.log('best:', bestScorestreak, bestRatio, best);

best.addClass('highlight');