jQuery CSS изменить цвет таблицы при изменении значения

Question

Я хочу, чтобы каждый раз, когда мое значение было меньше 10, цвет фона строки моей таблицы становился красным.

И каждый раз, когда мое значение>> 10, цвет фона строки становился зеленым.

Это должно произойти для всех моих строк.

jQuery Код

$(document).ready(function(){
    var value = $("#value10").val();
    var valueNum = parseInt(value);
        if  (valueNum < 10){
            $("#row").css({
            backgroundColor: 'red'
        });
        }else{
            $("#row10").css({
            backgroundColor: 'green'
        });
        }    
});

PHP Код - Таблица

<table>  
    <thead>
        <tr>
            <th>ID</th>
            <th>Περιγραφή</th>
            <th>Kατασκευαστής</th>
            <th>Σειρά</th>
            <th>Χρώμα</th>
            <th>Μήκος</th>
            <th>Ποσότητα</th>
            <th>Τοποθεσία</th>    
        </tr>
    </thead>


    <tbody>

                <?php
                    $sql = "SELECT * FROM stock_alumil;";
                    $result = mysqli_query($conn, $sql);      
                    $resultCheck = mysqli_num_rows($result);
                    if ($resultCheck > 0) {
                        while  ($row = mysqli_fetch_assoc($result)){
                ?>
        <tr id="row10"> 
            <td style="font-weight: bold"><?php echo $row['id']; ?></td>
            <td style="font-style: italic;"><?php echo $row['name']; ?></td>
            <td style="font-style: oblique;"><?php echo $row['buyer']; ?></td>
            <td style="font-style: italic;"><?php echo $row['seira']; ?></td>          
            <td><?php echo $row['color']; ?></td>
            <td><?php echo $row['length']; 
            echo " (mm)";?></td>
            <td id="value10" style="font-weight: bold"><?php echo $row['value'];?></td> 
            <td><?php echo $row['place'];?></td>    
        </tr>


                <?php
                    }    
                }

                ?>

    </tbody>
</table>

Есть идеи?

Answer 1

Может быть, вам не нужен jQuery, вы можете сделать это с помощью PHP:

<td id="value10" style="font-weight: bold; background: <?= ($row['value'] >= 10 ? 'green' : 'red'); ?>"><?= $row['value'];?></td>

Там мы используем PHP * * * * * * * * * * . 1005 *.

Также я изменил <?php echo на сокращение <?= (оно делает то же самое). Для этой последней вещи вы можете проверить, поддерживает ли ваш сервер это (доступно начиная с версии 5.4 +).