如何更改PHP获取的行值上的html表行颜色？

Question

我想根据任何单元格值更改表格行的颜色。 作为，我正在使用JQuery，PHP和MYSQL。 在页面加载中，我包括PHP文件，该文件包含一个函数，该函数从MYSQl表中提取所有行并将其返回到UI页面。 我获取的方式是temp1.php包含以下部分代码

                                <?php  echo fxn_ExpensesList(); 

                                ?>
                             </tbody>
                           <tfoot>

并且主php文件包含以下代码，如下所示：

$Lquery = "SELECT * FROM tblexpenseslist";
$Lquery_result = mysqli_query($conn, $Lquery);

$dataRow = "";
$RowsCounter = 0;
    while($row = mysqli_fetch_array($Lquery_result)){
        ++$RowsCounter;
        $dataRow = $dataRow."<tr><td>$RowsCounter</td>
            <td>$row[ExpensesType]</td>
            <td>$row[Purpose]</td>
            <td>$row[Description]</td>
            <td>$row[ReceiptNo]</td>
            <td>$row[PAID]</td>
            <td>$row[DTime]</td>
            <td>$row[UnitPrice]</td>
            <td>$row[Qty]</td>
            <td>$row[Amount]</td>
            <td style='display:none;'>$row[SNo]</td>
            <td>
                <p data-placement='top' data-toggle='tooltip' title='Edit'>
                    <button class='btn btn-danger btn-xs btn-edit' data-title='Edit' data-toggle='modal' data-target='#edit' >
                        <span class='glyphicon glyphicon-pencil'></span>
                    </button>
                </p>
            </td>
            <!--<td><p data-placement='top' data-toggle='tooltip' title='Delete'><button class='btn btn-danger btn-xs' data-title='Delete' data-toggle='modal' data-target='#delete' ><span class='glyphicon glyphicon-trash'></span></button></p></td>-->

            </tr>"; 
    }

return $dataRow;

现在，我想在表行中增加一个功能，无论是否付款。.我在想这件事，但没想到。

Answer 1

您可以将一个类添加到表行，然后使用jQuery修改该类。

例如，您可以将一个名为paid的变量作为布尔值。 如果为特定的行付费，则将isPaid类isPaid到表行。 如果不是，则添加class notPaid ，像这样...

if (paid == true) {
  '<tr class="isPaid">'
else if (paid != true) {
  '<tr class="notPaid">'
}

...然后使用jQuery，您可以执行以下操作...

$('.isPaid').css('background-color', 'green');
$('.notPaid').css('background-color', 'red')

或类似的东西。