Javascript 选择Div行以一次高亮显示一行

[在此处输入图像描述][1]我正在创建一个考试预约，每次单击选定行时，我都想将其高亮显示为绿色。行中的数据来自数据库。我试图将类直接放在div中，但两行被突出显示

先谢谢你

这是输出

$（文档）。在（'单击'，'上。选择日期'，函数（）{
所选变量=$（'walakapake'）。hasClass（“突出显示”）；
$（“walakapake”）.removeClass（“行”）；
如果（！已选定）
{
$（'walakapake'）.addClass（“行高亮显示”）；
}
});

#表包装器{
位置：相对位置；
}
#表格卷轴{
高度：500px；
溢出：自动；
边缘顶部：20px；
}
#表包装表{
宽度：100%；
}
#瓦拉卡帕克：悬停{
背景色：#fafafa；
}
.突出显示{背景色：红色；}




24
十一月


考试日

2019年周日
8:00AM-3:00PM
插槽32

请把你的要求带来









23
十一月


考试日

2019年星期六
8:00AM-3:00PM
插槽32

请把你的要求带来




$（'.foo'）。单击（函数（）{
$（'.foo'）.removeClass（'highlight'）；//删除每个突出显示
$（this）.addClass（'highlight'）；//将突出显示设置为单击的突出显示
});
。突出显示{
背景颜色：黄色；
}


元素1
要素2
要素3

$（'.foo'）。单击（函数（）{
$（'.foo'）.removeClass（'highlight'）；//删除每个突出显示
$（this）.addClass（'highlight'）；//将突出显示设置为单击的突出显示
});
。突出显示{
背景颜色：黄色；
}


元素1
要素2
要素3
看看
.removeClass（）
我也试过了，但是当我点击第二行时，第一行只是突出显示的部分，它停留在第一行：（
hasClass
没有添加类；它正在检查你是否有那个CSS类。你应该使用
addClass（这里是你的CSS类）
看起来像他的
。hasClass
是一次放弃定义布尔值或所选元素的尝试…我忘记删除帖子中的.hasClass。我已经尝试了addclass，但第一行只是高亮显示的一行，当我选择第二行时，第一行仍然高亮显示，请查看
。removeClass（）
我也试过了，但是当我点击第二行时，第一行只是突出显示的部分，它停留在第一行：（
hasClass
没有添加类；它正在检查你是否有CSS类。你应该使用
addClass（这里是你的CSS类）
看起来像他的
。hasClass
是一次放弃定义布尔值或所选元素的尝试…我忘记删除帖子中的.hasClass。我已经尝试了addclass，但第一行只是高亮显示的一行，当我选择第二行时，第一行仍然高亮显示，这非常有帮助，我只是将addclass和removeclass位于ajax代码之上，在每次单击时触发它。并将单击目标更改为我的div。这非常有帮助，我只是将addclass和removeclass置于ajax代码之上，在每次单击时触发它。并将单击目标更改为我的div。