假设一个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; }