为单元格背景添加颜色

时间:2015-03-30 12:03:19

标签: javascript php jquery mysql

我从MySQL数据库使用PHP获取数据。我有一个名为优秀会费的字段,我希望如果优秀的会费高于0,则表格应显示此值,其单元格边框颜色为RED。现在,我试图使用一个条件,但它似乎无法工作。我也尝试过使用JQuery Filter方法,但仍然没有运气,下面是我的JQuery代码

echo '<div class="middle"><td><center>'. $row['outstandingdues'] . '</center></td></div>';

我用于此的JQuery方法如下;

<script>
    $( "div" )
    .filter( ".middle" )
    .css( "border-color", "red" );
</script>

3 个答案:

答案 0 :(得分:1)

div不能是td的父级,td应添加到tr,因此请将该类提供给tdtr是唯一的permitted parent of td

echo '<td class="middle"><center>'. $row['outstandingdues'] . '</center></td>';

然后是风格

td.middle {
    border-color: red
}

或脚本

$("td.middle").css("border-color", "red");

答案 1 :(得分:0)

除了Arun P Johny的回答:

<?php
$class_middle = "";
if($row['outstandingdues'] > 0) {
    $class_middle = 'class="middle"';
} else {
    $class_middle = "";
}
echo '<td '.$class_middle.'><center>'. $row['outstandingdues'] . '</center></td>';
?>

只有当未付会费大于0时才会变红。

答案 2 :(得分:0)

使用此代码(顺便说一下,不要在tr标签中使用div,在td中使用它或将.middle类分配给td并在td之前删除div标签

$(function() {

         $( "div.middle" ).css( "background-color", "red"); 

    });