我在 html 表中显示 mySQL。
我想将 $qty 的 TD 背景颜色更改为 red IF $qty >= $max or $qty =< $min
。
有没有一种简单的方法可以用 jQuery 或 PHP 做到这一点?
我为示例简化了表格和 PHP:
<table id="tablesorter-demo">
<tr><td>'.$min.'</td><td>'.$max.'</td><td>'.$qty.'</td></tr>
</table>
我在 html 表中显示 mySQL。
我想将 $qty 的 TD 背景颜色更改为 red IF $qty >= $max or $qty =< $min
。
有没有一种简单的方法可以用 jQuery 或 PHP 做到这一点?
我为示例简化了表格和 PHP:
<table id="tablesorter-demo">
<tr><td>'.$min.'</td><td>'.$max.'</td><td>'.$qty.'</td></tr>
</table>
<?php
$class = (($qty >= $max) || ($qty <= min)) ? ' class="red"' : '';
?>
<tr><td>....</td><td<?php echo $class ?>><?php echo $qty ?></td></tr>
我知道你有你的答案,但最好只编写一个自定义表格排序器小部件来突出显示坏数量的表格单元格。这是一个演示和代码:
$.tablesorter.addWidget({
id : "qty",
format: function(table){
var i, $td, cur,
c = table.config,
cols = c.widgetQty,
$tr = $(table).children('tbody').children('tr'),
rows = $tr.length;
for (i = 0; i < rows; i++){
$td = $tr.eq(i).find('td');
cur = parseInt( $td.eq(cols[2]).text(), 10); // current
if (cur <= parseInt( $td.eq(cols[0]).text(), 10) || // min
cur >= parseInt( $td.eq(cols[1]).text(), 10) ){ // max
$td.eq(cols[2]).addClass('badqty');
}
}
}
});
$('table').tablesorter({
widgets : [ 'zebra', 'qty' ],
widgetQty : [ 0, 1, 2 ] // min, max, current qty column indexes
});
var min = $('table tr td:eq(0)').text();
var max = $('table tr td:eq(1)').text();
var qty = $('table tr td:eq(2)').text();
if (qty >= max || qty <= min ) {
$('table tr td:eq(2)').css('background-color', 'red');
}