javascript - 使用 jQuery 迭代 HTML 表行并更改列值

Question

我有一个看起来像这样的表:

我需要迭代表格行，但只想处理“价格”列。如果价格高于 20，我需要将价格货币更改为美元(例如 30 美元)，如果价格低于 20，则将文本颜色更改为红色。

我的表格没有 ID，我不确定如何仅在价格列上迭代表格并更改它们的颜色和货币。如果我能得到一些帮助，我会很高兴。

这是我现在的代码:

 $(document).ready(function () {
        $("table").find('tr').each(function(i,el){
            var tds = $(this).find('td');
            if (tds.eq(5).text() > "20") {
                tds.eq(5).text() = tds.eq(5).text() + "$";       
            }
            else {
                // here i am not sure how to change the color of the text..
            }

        });
    });

Answer 1

你可以使用 .css() 函数来设置样式:

if (tds.eq(5).text() > "20") {
     tds.eq(5).text() = tds.eq(5).text() + "$";       
}else{
    tds.eq(5).css('color', 'red');
}

或者您可以直接使用选择器，例如:

$('td:eq(5)', this).css('color', 'red');