2012-04-03 47 views
0

我有一個.csv文件中的股票列表,我使用Joomla中的CSV插件來查看所有數據。股票列表 - 最低金額 - 如果其他

什麼插件創建是..

<table class="arttable_table"> 
    <thead> 
    <tr> 
     <th class="header0">Aricle</th> 
     <th class="header1">amount</th><th class="header2">minimum amount</th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr> 
     <td class="cell0">Coffee</td> 
     <td class="cell1">5</td> 
     <td class="cell2">10</td> 
    </tr> 
    <tr> 
     <td class="cell0">Milk</td> 
     <td class="cell1">7</td> 
     <td class="cell2">5</td> 
    </tr> 
    <tr> 
     <td class="cell0">Bread</td> 
     <td class="cell1">8</td> 
     <td class="cell2">15</td> 
    </tr> 
    <!-- ... and so on! --> 
    </tbody> 
</table> 

我想這樣做的唯一的事情是:
如果量低於最低量小,使量紅色背景。問題在於類重複。所以我不能只說:

if (parseInt($(".cell1").text()) < parseInt($(".cell2").text())) { 
    $(".cell1").addClass("red"); 
} 

回答

0

爲什麼不做循環?

$('.cell1').each(function() { 
    if (parseInt($(this).text()) < parseInt($(this).siblings(".cell2").text())) { 
    $(this).addClass("red"); 
    } 
}) 
+0

呃,非常感謝:)) – 2012-04-03 08:35:46

+0

@AndrewJackson'filter'功能更加方便,因爲你再有細胞的篩選列表如果需要,您可以在其上執行其他操作 – jb10210 2012-04-03 09:17:31

0

使用filter方法:

$('.cell1').filter(function() { 
    return parseInt($(this).text()) < parseInt($(this).next('.cell2').text()); 
}).addClass('red'); 

jsFiddle