Question

我有以下代码：

while($row = mysqli_fetch_array($result)) {
  echo "<tr>";
    echo "<td id='col1'>" . $row['inputId'] . "</td> <td id='col2'>" . $row['inputReqDate'] . "</td> <td id='col3'>" . $row['inputOrderDate'] . "</td> <td id='col4'>" . $row['inputPriority'] . "</td><td id='col5'>" . $row['inputDescription'] . "</td>" ;
  echo "</tr>";
}

当col4包含文本＆＃34; priority＆＃34;时，我需要这样做。它会改变整行的背景颜色。我该怎么做呢？

PS。对不起，我没有尝试任何JavaScript，我是该语言的新手！

Answer 1

为什么不改变你的php来为你添加类？

while($row = mysqli_fetch_array($result)) {
  echo "<tr" . ($row['inputPriority'] == 'Priority' ? ' class="priority"': '') . ">";

  echo "<td id='col1'>" . $row['inputId'] . "</td> <td id='col2'>" . $row['inputReqDate'] . "</td> <td id='col3'>" . $row['inputOrderDate'] . "</td> <td id='col4'>" . $row['inputPriority'] . "</td><td id='col5'>" . $row['inputDescription'] . "</td>" ;
  echo "</tr>";
}

然后你可以添加行的css：

tr.priority {
  background-color: red;
}

Answer 2

您可以检查该值，并给定匹配项，将css类添加到可以设置样式的行中。

while($row = mysqli_fetch_array($result)) {
  //New portion
  if($row['inputPriority'] == "priority"){
    echo "<tr class='priority'>";
  } else {
    echo "<tr>";
  }
  echo "<td id='col1'>" . $row['inputId'] . "</td> <td id='col2'>" . $row['inputReqDate'] . "</td> <td id='col3'>" . $row['inputOrderDate'] . "</td>";
  echo "<td id='col4'>" . $row['inputPriority'] . "</td><td id='col5'>" . $row['inputDescription'] . "</td>" ;
  echo "</tr>";
}

另外，我猜你会有多个标有id col1，col2等的列.Id在页面上是唯一的，你应该重构这些属性为类。

例如：

<td class='col1'>

Answer 3

您只需将其添加到TR。

的CSS：

.priority { background: red; }

PHP：

while($row = mysqli_fetch_array($result)) {
  echo "<tr  class='" . $row['inputPriority'] . "' >";
    echo "<td id='col1'>" . $row['inputId'] . "</td> <td id='col2'>" . $row['inputReqDate'] . "</td> <td id='col3'>" . $row['inputOrderDate'] . "</td> <td id='col4'>" . $row['inputPriority'] . "</td><td id='col5'>" . $row['inputDescription'] . "</td>" ;
  echo "</tr>";
}

改变php表的背景颜色

3 个答案: