在包含+或 - 的表中更改td的颜色

Question

所以我有一张这样的桌子。

1    2    3    4    5
0    0    0    0    0
0    0    0    0    -0
0    0    0    0    +0
0    0    0    0    0

我需要包含 - 的文本颜色 - 更改为红色，包含+的文本颜色变为绿色。

我试过给td一个名字并做下面的事情

$('.status:contains("-")').css('color', 'red');

但是我希望它能够搜索所有td，而不必给它命名。

Answer 1

您可以使用:contains选择器，如下所示：

＆＃13;

＆＃13;

$("td:contains(+)").css("color","green");
$("td:contains(-)").css("color","red");

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tbody>
    <tr>
      <td>0</td>
      <td>-6</td>
      <td>0</td>
    </tr>
    <tr>
      <td>+5</td>
      <td>0</td>
      <td>0</td>
    </tr>
  </tbody>
 </table>

＆＃13;

＆＃13;

＆＃13;