仅使用纯 javascript:
如何单击指定的表格行，并更改所选行的背景颜色(对于本例，我们使用红色)。
然后，如果再次单击先前选择的同一行，则将其背景颜色更改回默认值(白色)。
这是我的 HTML:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Language" content="en-ca">
</head>
<body>
<table border="1" cellspacing="1" width="100%" id="table1">
<tr>
<th>Column1</th>
<th>Column2</th>
<th>Column3</th>
<th>Column4</th>
<th>Column5</th>
</tr>
<tr>
<td>data</td>
<td>data</td>
<td>data</td>
<td>data</td>
<td>data</td>
</tr>
<tr>
<td>data</td>
<td>data</td>
<td>data</td>
<td>data</td>
<td>data</td>
</tr>
<tr>
<td>data</td>
<td>data</td>
<td>data</td>
<td>data</td>
<td>data</td>
</tr>
<tr>
<td>data</td>
<td>data</td>
<td>data</td>
<td>data</td>
<td>data</td>
</tr>
</table>
</body>
</html>
最佳答案
$(document).ready(function () {
$('tr').click(function () {
//Check to see if background color is set or if it's set to white.
if(this.style.background == "" || this.style.background =="white") {
$(this).css('background', 'red');
}
else {
$(this).css('background', 'white');
}
});
});
关于javascript - 单击更改行的颜色，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17843478/