jquery - 在 jquery 中验证内容是否大于 0 后更改 tr 的样式

Question

我有这个工作正常的代码：

<script type="text/javascript">
    var $j = jQuery.noConflict();
    $j(document).ready(function()
    {
            $j('.Grid tr.myid').each(function()
            {
                    var test = $j(this).html().indexOf("0");
                     if (test !=-1) {
                            $j(this).addClass("RowRed");
                     }
            });
    });     

</script>

html中的示例：

<table>
    <tr class='myid'><td>value1</td><td>0</td></tr>
    <tr class='myid'><td>value2</td><td>150</td></tr>
</table>

但我需要检查列的值tr是否<0，然后更改它的背景颜色。使用此代码我不能，因为它正在寻找一个静态值，例如 JMG。

Answer 1

似乎您想获取第二个td元素的文本内容，而不是html可以使用text返回元素文本内容的方法。

$j('.Grid tr.myid').each(function() {
      if ($j('td:eq(1)', this).text() < 0) {
          $j(this).addClass('background')      
      }
});

• 文本（）
• 当量（）

Answer 2

尝试使用选择器:last并将文本值解析（parseInt）为 int：

    var $j = jQuery.noConflict();
    $j(document).ready(function()
    {
            $j('.Grid tr.myid').each(function()
            {
                    var 
                       value = $j(this).find('td:last').text(),
                       number = parseInt(value);
                    if (!isNaN(number) && number < 0) {
                        $(this).addClass('background')    
                    }
            });
    });