jquery - 库存清单表 - 最低数量 - 否则

Question

我在 .csv 文件中有一个股票列表，我在 Joomla 中使用 CSV to table 插件来查看所有数据。

插件创建的是..

<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");
}

Answer 1

为什么不做一个循环？

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

Answer 2

使用filter方法：

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

见jsFiddle