Question

我从数据库列名创建了一个表＆＃34;你有护照＆＃34;用户回答是或否我想要用户回答是肯定行应该是绿色而用户回答的行不是行是白色的任何人都可以告诉我如何将css应用到动态工作的表中。

<html>
<head>
<style>
table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}
</style>
</head>
</html>
<?php 
    $conn = new mysqli("localhost","root","","db_dat");
    $havepassport='';
    $sql="SELECT * from upload;
    $result = $conn->query($sql);
    while($row = $result->fetch_assoc()) {
        $havepassport.='<table>'.'<tr>'.'<td>';
        $havepassport.=$row['having_passport'];
        $havepassport.='</table>'.'</tr>'.'</td>';
        echo $havepassport;
    }
?>

Answer 1

你做错了。您的while将新table添加到HTML。因此，如果您有100行，则会将100 table s添加到DOM而不是行。

使用以下内容：

<强> PHP

$sql = "SELECT * from upload";
$result = $conn -> query($sql);

$havepassport = '<table>';
while ($row = $result -> fetch_assoc()) {
    $passportClass = $row['having_passport'] == 'Yes' ? 'green' : 'red';
    // ^^^^^^^^^^^ Getting classname depending on the passport value

    $havepassport .= '<tr class='.$passportClass.'>'.
    //                            ^^^^^^^^^^^^^^  Add Class Here
            '<td>';
                $havepassport. = $row['having_passport'];
    $havepassport .= '</td>'.
        '</tr>';

}
$havepassport .= '</table>';
echo $havepassport;

<强> CSS：

.green {
    background: green;
}
.red {
    background: red;
}

Answer 2

结帐这个小提琴：https://jsfiddle.net/knkp02Ld/1/

<强> HTML

<table id="mytable">
    <tr>
        <td>User Name</td>
        <td>Yes</td>
    </tr>
    <tr>
        <td>User id</td>
        <td>No</td>
    </tr>
    <tr>
        <td>Whatever</td>
        <td>Yes</td>
    </tr>
</table>

<强> JS

$('#mytable td:contains("Yes")').parent().css('background', 'green');
$('#mytable td:contains("No")').parent().css('background', 'red');

选择包含指定文本的所有元素。

docs：https://api.jquery.com/contains-selector/

修改

其他方式你可以使用.each函数，如下所示

$('#mytable td').each(function() { var value = $(this).html(); if (value == "Yes") { $(this).parent().css("background", "red"); } });

Answer 3

试试这个：

<html>
<head>
<style>
table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}
</style>
</head>
</html>
<?php 
    $conn = new mysqli("localhost","root","","db_dat");
    $havepassport='';
    $sql="SELECT * from upload;
    $result = $conn->query($sql);

    $havepassport.='<table>';

    while($row = $result->fetch_assoc()) {
        $passHaveClass = '';
        if($row['having_passport'] =="yes"){
            $passHaveClass = "greenColor";
        }
        $havepassport.='<tr class='.$passHaveClass.'>';
        $havepassport.= '<td>'.$row['having_passport'].'</td>';
        $havepassport.='</tr>;
    }
    $havepassport.='</table>';

    echo $havepassport;
?>

具有bg颜色的greenColor类是绿色。

为表格的特定行提供颜色。情况

3 个答案: