假设一个dom构造是一个id为foo的容器ul
下有多个li
的列表,在li中有一个输入框。
当输入框输出事件触发的时候调用equalHighlight,unitList_new是传入的以后列表的对象数组(列表通过unitList_new渲染进去,并确保unitList_new与li中的数据程序统一):
(function(w){
w.equalHighlight = function (unitList_new) {
$("#foo > li").removeClass("red");
for (var j = 0; j < unitList_new.length; j++) {
for (var k = j + 1; k < unitList_new.length; k++) {
if (
unitList_new[j].sort === unitList_new[k].sort &&
unitList_new[k].sort !== ""
) {
if (!$("#foo > li").eq(k).hasClass("red")) {
$("#foo > li").eq(k).addClass("red");
}
if (!$("#foo > li").eq(j).hasClass("red")) {
$("#foo > li").eq(j).addClass("red");
}
}
}
}
};
})(window)
一一比对数组的sort值是否雷同并给对应的li加红色class:
.red{
color: red;
}
.red input{
color: red;
}
发表回复