<分区>
我试图做到这一点,以便在单击某一行时,它会突出显示(以明确它是当前选定的行)。当单击另一行时,先前选择的行变为未突出显示,新行变为突出显示。
截至目前,发生的情况是,当我将鼠标悬停在一行上时,它会突出显示(按计划工作),但是当我单击时,行的背景颜色不会改变。下面是我的一些代码,在此先感谢。
这里是一些HTML的例子:
<tr class="text_data selected_grey" onclick="getReportDetails(this, 'johndoe@gmail.com');">
<td class="text">John</td>
<td class="text"> Doe</td>
</tr>
<tr class="text_data selected_grey" onclick="getReportDetails(this, 'sarah@gmail.com);">
<td class="text">Sarah</td>
<td class="text">Dean</td>
</tr>
这是我的 Javascript getReportDetails 函数的相关部分。
function getReportDetails(elem, email) {
var j_elem = $(elem);
$(".text_data").each(function() {
if ($(this).is(j_elem)) {
j_elem.addClass("selected_grey");
} else {
$(this).removeClass("selected_grey");
}
});
这是涉及的CSS。
.text_data {
font-family: Verdana;
font-size: 12px;
font-weight: none;
}
.text_data:hover{
cursor: pointer;
background-color: #E0E0E0;
}
.selected_grey {
background-color: #E0E0E0;
}
编辑:原来只是缓存问题。