更改表格行的颜色onclick并更改为on

时间:2018-02-24 00:22:09

标签: javascript jquery css

我正在寻找一种方法来改变TR onclick的背景颜色,然后将其改为onclick。喜欢选择并取消选择一行。

<table>
  <thead>
    <tr>
      <th>No</th>
      <th>Column1</th>
      <th>Column2</th>
      <th>Column3</th>
      <th>Column4</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>First item</td>
      <td>Good quality</td>
      <td>Europe</td>
      <td>Cheap</td>
    </tr>
  </tbody>
</table>

我发现了大约20个脚本,并且几乎都做了同样的事情:一旦点击后行改变了背景颜色,你就无法再次点击它。

我目前的表格CSS代码:

table {border-collapse: collapse; background: #041c32; }
tr:nth-of-type(odd) {background: #041c32;}
tr:nth-of-type(even) {background: #062949;}
th {background: #1b558e; color: #041c32;}
tr:hover {color:#ffc000; background-color:#000;}

非常感谢任何帮助!

0 个答案:

没有答案