HTML 标签自定义属性+jquery选择调用

jq代码:

<script>
function showProductsAsideCategorys(cid){
	$("div.eachCategory[cid="+cid+"]").css("background-color","white");
}
/*"div.eachCategory[cid="+cid+"]"
jquery 选择器 通过标签内的(写入的)属性进行定位，
eg：$("input[name='xx']") --选择所有的name属性等于'xx'的input元素*/

/*只有鼠标指针穿过被选元素时，才会触发 mouseenter 事件。
鼠标指针穿过任何子元素，触发 mouseover 事件*/
   $("div.eachCategory").mouseenter(function(){
        var cid = $(this).attr("cid");//取得cid属性的值
        showProductsAsideCategorys(cid);
    });
</script>

调用到上面效果的代码:

<c:forEach items="${category}" var="c">
		<div cid="${c.cid}" class="eachCategory">
			<span class="glyphicon glyphicon-link"></span>
			<a href="forecategory?cid=${c.cid}">
					${c.name}
			</a>
		</div>
</c:forEach>