使用jquery一直无法绑定tabs里面的事件
html：
<div class="tab"> <ul class="title"> <li><a href="">公告</a></li> <li><a href="">规则</a></li> <li><a href="">论坛</a></li> <li><a href="">安全</a></li> <li><a href="">公益</a></li> </ul> <ul class="content"> <li class=" hid show"> <a href="">公告公告公告公告</a> <a href="">公告公告公告公告</a> <a class="hot" href="">公告公告公告公告</a> <a href="">公告公告公告公告</a> </li> <li class="hid"> <a href="">规则规则规则规则</a> <a href="">规则规则规则规则</a> <a href="">规则规则规则规则</a> <a href="">规则规则规则规则</a> </li> <li class="hid"> <a href="">论坛论坛论坛论坛</a> <a href="">论坛论坛论坛论坛</a> <a href="">论坛论坛论坛论坛</a> <a href="">论坛论坛论坛论坛</a> </li> <li class="hid"> <a href="">安全安全安全安全</a> <a href="">安全安全安全安全</a> <a href="">安全安全安全安全</a> <a href="">安全安全安全安全</a> </li> <li class="hid"> <a href="">公益公益公益公益</a> <a href="">公益公益公益公益</a> <a href="">公益公益公益公益</a> <a href="">公益公益公益公益</a> </li> </ul> </div>
jquery:
$(document).ready(function() {
// 绑定事件
for (var i = 0; i < 5; i++) {
var tit=$(".title a").get(i);
var content =$(".content li").get(i);
alert($(content).html());
$(tit).bind("mouseover",function(){
alert($(content).html());
});
};
});第一个alert可以分别弹出content里面的内容，但是绑定事件里面的alert一直弹出的是最后一个content里面的内容，也不知道是哪里的错，各位有时间看一下哈，很着急
