当前位置: 首页 > Web前端 > HTML

将li列表中的相同项目标记为红色

时间:2023-03-28 16:37:09 HTML

假设一个dom结构是id为foo的容器ul下的多个li的列表,li中有一个输入框。输入框的input事件触发时调用equalHighlight,unitList_new为传入的当前列表的对象数组(列表由unitList_new渲染,并保证unitList_new与li中的数据顺序一致):(函数(w){w.equalHighlight=function(unitList_new){$("#foo>li").removeClass("red");for(varj=0;jli").eq(k).hasClass("red")){$("#foo>li").eq(k).addClass("red");}if(!$("#foo>li").eq(j).hasClass("red")){$("#foo>li").eq(j).addClass("red");}}}}};})(window)逐个检查数组的排序值是否相同,并在对应的li中添加红色类:.red{color:red;}.red输入{颜色:红色;}