我有一排 div,我需要多选不同的行……但不使用复选框。我的行在悬停时“突出显示”,并在使用此功能选择时永久突出显示:
function load_to_que(elemID){
is_selected = $(elemID).attr('is_selected')
console.log(is_selected);
if(is_selected != "true"){
$(elemID).attr('is_selected','true');
$(elemID).attr('style','background-color: #88C4FF;');
}else{
$(elemID).attr('is_selected','false');
$(elemID).attr('style','');
}
//etc....
}
使用上面的代码,我可以通过单击来选择和取消选择 div/行,并查看视觉反馈...单击一次,div 突出显示,再次单击,它的背景恢复正常.. 单击不同的 div/行一次你有多个选择/亮点..
现在我需要做的是...
单击不同的 div 时,所有其余 div 应恢复正常(未突出显示).. 我有两种方法可以做到这一点 1.1)循环遍历元素并评估是否已经选择了 is_selected 属性,然后取消选择 1.2 ) 创建一个 window.selectedIDs 变量并在那里维护选定 div 的记录,并使用它来循环并取消选择所有当前选定的 div
问题:w/c 比上述更好?还是有更好的技术?
PS我不需要代码详细的例子..我基本上只需要好的想法来解决这个问题..