Question

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

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

库存清单表 - 最低金额 - 如果否则

2 个答案: