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里面的内容,也不知道是哪里的错,各位有时间看一下哈,很着急
$(document).ready(function() {
// 绑定事件
$(".title a").bind("mouseover",function(){
alert($($(".content li")[$(".title a").index(this)]).html());
});
}); 用这个试试 你那绑定有问题