Javascript 如果值=<;使用jquery或PHP的特定数字?
我有一个包含很多数字的HTML表格 如果表格单元格(或列)内的值等于或小于特定数字,是否可以让该单元格更改背景色 例如:如果单元格=<“3000”,则背景色=#FF0000 有没有一种方法可以让它在现实中发挥作用 埃里克试试这个Javascript 如果值=<;使用jquery或PHP的特定数字?,javascript,jquery,html,Javascript,Jquery,Html,我有一个包含很多数字的HTML表格 如果表格单元格(或列)内的值等于或小于特定数字,是否可以让该单元格更改背景色 例如:如果单元格=
var table = document.getElementById("tableId");
var row = table.rows[rowIndex];
var cell = row.cells[cellIndex];
var cellValue = Number(cell.innerHTML);
if (cellValue > 3000)
cell.style.backgroundColor = "red";
是的,做这种事很容易 例如,对于jQuery,类似于以下内容:
$('table.mytable td').each(function() {
if (this.textContent <= 3000) {
$(this).css('background', '#FF0000');
}
}
$(".colorMe td").each(function() {
var val = parseInt(this.innerHTML, 10);
if (val < 3000) {
this.style.backgroundColor = "#F00000";
}
});
$('table.mytable td')。每个(函数(){
if(this.textContent下面是一个如何使用JS/Jquery的示例
$("#Yourtable td").each( function() {
var thisCell = $(this);
var cellValue = parseInt(thisCell.text());
if (!isNaN(cellValue) && (cellValue <=3000)) {
thisCell.css("background-color","#FF0000");
}
}
)
$(“#Yourtable td”)。每个(函数(){
var thisCell=$(this);
var cellValue=parseInt(thisCell.text());
如果(!isNaN(cellValue)&&(cellValue您可以使用如下代码:
$('table.mytable td').each(function() {
if (this.textContent <= 3000) {
$(this).css('background', '#FF0000');
}
}
$(".colorMe td").each(function() {
var val = parseInt(this.innerHTML, 10);
if (val < 3000) {
this.style.backgroundColor = "#F00000";
}
});
$(“.colorMe td”)。每个(函数(){
var val=parseInt(this.innerHTML,10);
如果(val<3000){
this.style.backgroundColor=“#F00000”;
}
});
请参见此处的工作示例:。以下是示例
//CSS
//JAVASCRIPT
$('#mytable td').each(function() {
if(parseInt($(this).html())>100){
$(this).addClass("higherthan100");
}else if (parseInt($(this).html())<100){
$(this).addClass("lowerthan100");
}
});
$('#mytable td')。每个(函数(){
如果(parseInt($(this.html())>100){
$(此).addClass(“高于100”);
}否则,如果(parseInt($(this).html())您将需要更多标记。是否要使用客户端脚本或服务器端脚本执行此操作?您使用的是什么技术。现在回答问题的唯一方法是“是的,您可以这样做。”您的单元格值可以在页面加载后更改,或者在整个页面生命周期内该值始终是静态的?换句话说:您需要手动更改单元格的背景,或者背景只能应用一次?