如何更改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')

或類似的東西。