两个div,父div.11 显示   子div.22  通过hover 触发显示。这个结构会通过程序循环10个。结构:
<div name="aa" class="11">12345
    <div name="aa" class="22"><b>途径景点:</b><p><%=rs_lineshow("go_tour")%></p></div>
</div>js: $(document).ready(function(){
  var 11name = $("div.11").attr('name')
  var 22name = $("div.22").attr('name')
    $('div.11').hide();
    $('div.11').hover(function() {
$('div.22').filter('[name='+11name+']').slideDown();
   });
$('div.22').mouseout(function() {
$(this).filter('[name='+11name+']').slideUp();
 });});     
出现的问题是, 现在效果只出现在所有循环的第一个结构上  后面的9个结构 当移动鼠标会触发第一个结构的效果出现,本身无效。是什么地方出错了,需要遍历?  但是我记得hover 本身应该是遍历的呀

解决方案 »

  1.   

    先把var 11name 变量名换一下 。
    不能数字开头 。
      

  2.   

    你有多个class="22" class="11"的话肯定会全部影响到的 。
    你可以 hover的时候 通过$('div.11').index($(this)); 来取到当前是第几个 。
    然后用eq(index).slideUp()操作。
      

  3.   

    湿胸别忘了jquery的$可是有三个参数的
      

  4.   


    $("div.11").hover(function(){
                    $("div.22",this).css("background-Color","#fff111");
                });只是个例子
      

  5.   

    另外提示一下hover是可以有两个参数的
    第一个是鼠标悬停时触发 第二个是鼠标移走时触发$("div.c11").hover(function(){
                    $("div.c22",this).css("background-Color","#fff111");
                },function(){
                    $("div.c22",this).css("background-Color","#fff");
                });
      

  6.   

    1、楼上没有考虑 子层已经把父层遮挡了
    2、class是提取数据库,每个都不一样的我试一下上面各位提供的方法
      

  7.   

    自己解决了 封帖 关键是取this的值的问题
      

  8.   

    不知道你搞明白第二个参数里写个this什么意思没,看源码吧