实现同级div高亮

实现鼠标移入div，同级div高亮，鼠标移出div时高亮消失

进行所有数据的遍历：

<c:forEach items="${varList}" var="var" varStatus="vs">
<li οnmοuseοver="optRoom('${var.roomID}','${var.status}')" οnmοuseοut="cleanClass()"
class="btnbox aaaaa HomeMemu ${btnColor}" id="${var.roomID }" > 
</li>
</c>

var temp ;
	
var array = new Array();
// 通room_id选中同级的div
function optRoom(id, status){ $("#roomNumId").val(id);$("#roomStatus").val(status); 
if(status != 0){return;}if(!temp || temp != id){temp = id;}else{return;} 
var paramJson = {"roomId": id,//后台传过来的id"status": status}; 
var url1 = '<%=basePath%>roomstatus/realtimeroom/sameOrderRoomList.do'; //查询同层次的数据room_id，通过room_id找到同层次的div
$.ajax({
type : "POST",
url : url1,
data : paramJson,
dataType : 'json',
cache : false,
success : function(data) {
var aaa = $(".aaaaa");
var bb = data.map;//后台传过来同层次的room_id
for(var i = 0; i < bb.length ; i++){
console.log(data.map[i]);
aaa.each(function(j,n){	    //遍历所有的room_idvar roomId = $(this).prop("id");//通过prop获取值
if(roomId == data.map[i]){  //如果后台传过来的room_id跟所有的比较，如果相等，就找出相等room_id同层次的div
$(this).addClass("btnbox1")//找出相同层次的room_id的div实现高亮
array.push(roomId);//将同级的room_id放到数组，便于鼠标移除后再进行操作
}}
)
}
 },
error : function(XMLHttpRequest, textStatus, errorThrown) {
bootbox.alert("请求失败!")
;}
,}
)
;}

//鼠标移除触发的事件
	 function cleanClass() {
		$(array).each(function(i,n){//遍历数组中的id
			$("#" + n).removeClass("btnbox1")//通过数组中的值移除class（除掉高亮）
		});
		array=new Array()//最后清除数组	
	}

结后语:一段代码是一份情怀，我们携手跳过坑，走向未来。

技术交流请加微信：16675148319.不止于代码！！！