我希望我的脚本高亮显示我选择的行,它工作得很好,但是当选择/高亮显示一行时,如果选择了另一行,我希望它被“取消选择/取消高亮显示”。我该怎么做呢?
下面是当前用于选择行的代码,它取消选择,但仅当我再次单击同一行时:
$(".candidateNameTD").click(function() {
$(this).parents("tr").toggleClass("diffColor", this.clicked);
});
Html表格
<table id="newCandidatesTable">
<thead>
<tr>
<th style="cursor: pointer;">ID</th>
<th style="cursor: pointer;">Navn</th>
<th style="cursor: pointer;">Email</th>
<th></th>
</tr>
</thead>
<tbody>
<% foreach (var candidate in Model.Ansogninger)
{
%>
<tr id="<%= candidate.AnsogerID %>" class="newCandidatesTableTr">
<td><div id="candidateID"><%= candidate.AnsogerID %></div></td>
<td><div id="<%= "candidateName_" + candidate.AnsogerID %>" class="candidateNameTD"><%= candidate.Navn %></div></td>
<td><div id="candidateEmail"><%= candidate.Email %></div></td>
<td>
<div id="<%= "acceptCandidateButton_" + candidate.AnsogerID %>" class="acceptb" style="cursor: pointer; border: 1px solid black; width: 150px; text-align: center;">Godkend</div>
</td>
</tr>
<%
} %>
</tbody>
</table>
发布于 2009-08-17 12:34:43
可以先取消选择所有行,如下所示
$(".candidateNameTD").click(function() {
$(this).closest("tr").siblings().removeClass("diffColor");
$(this).parents("tr").toggleClass("diffColor", this.clicked);
});
编辑:是的,sry,但想法是正确的;)
发布于 2009-08-17 12:35:48
$(".candidateNameTD").click(function() {
$("tr").removeClass("diffColor");
$(this).parents("tr").addClass("diffColor");
});
发布于 2009-08-17 12:39:02
这只会影响当前表:
$(".candidateNameTD").click(function() {
$('table#newCandidatesTable tr').removeClass("diffColor");
$(this).parents("tr").addClass("diffColor");
});
https://stackoverflow.com/questions/1287699
复制相似问题