我有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突出显示,再次点击它的背景恢复正常..点击不同的divs /行一次,您有多个选择/突出显示..
现在我需要做的是......
当点击不同的div时,所有其余的div应该恢复正常(不突出显示)..我有两种方法可以做到这一点 1.1)循环遍历元素并评估是否已经选择iva is_selected属性,然后取消选择 1.2)创建一个window.selectedIDs变量并在那里维护所选div的记录,并使用它来遍历并取消选择当前所有选定的div
问题:w / c比上述更好吗?还是有更好的技术?
PS 我不需要代码详细的例子..我基本上只需要好的想法来解决这个问题。