我有一个看起来像这样的表:
我需要迭代表格行,但只想处理“价格”列。如果价格高于 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..
}
});
});
最佳答案
你可以使用 .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');
关于javascript - 使用 jQuery 迭代 HTML 表行并更改列值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48300908/