在表格中,我需要更改點擊行的所有文本的顏色,類似this而沒有背景顏色。相同的代碼不適合我。如何使用css和jquery更改點擊表的行的文本顏色
這是一個片斷代碼:
$("#myTable tr").on('click', function() {
$(this).addClass("done");
});
table {
margin: 0 auto;
border: 1px solid white;
}
tr td {
padding: 8px 8px 8px 8px;
color: #2C3D50;
font-weight: 600;
}
table td .fa {
font-size: 1.3em;
}
.member > tr > td:nth-child(1) {
border-right: none;
}
td:hover {
background-color: #00BD9A;
color: white;
}
tr .done{
color: #F7AA25;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="myTable">
<colgroup>
<col style="width:70%">
<col style="10%">
<col style="10%">
<col style="10%">
</colgroup>
<tbody>
<tr>
<td>Lorem ipsum dolor sit amet <i class="fa fa-eye pull-right" aria-hidden="true"></i></td>
<td><i class="fa fa-share-alt" aria-hidden="true"></i></td>
<td><i class="fa fa-download" aria-hidden="true"></i></td>
<td><i class="fa fa-envelope-o" aria-hidden="true"></i></td>
</tr>
<tr>
<td>Pellentesque in felis <i class="fa fa-eye pull-right" aria-hidden="true"></i></td>
<td><i class="fa fa-share-alt" aria-hidden="true"></i></td>
<td><i class="fa fa-download" aria-hidden="true"></i></td>
<td><i class="fa fa-envelope-o" aria-hidden="true"></i></td>
</tr>
</tbody>
</table>
它應該是'tr.done'而不是'tr .done'在你的CSS –
看到這裏http://jsfiddle.net/jRj8E/70/ – lordkain