0

我有以下 jQuery 函数在嵌套的 div id 上执行 slideToggle

    jQuery("#100011000110001>#level0>#level3").live('click',function(){
        jQuery("#10001100011000110001>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110002>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110003>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110004>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110005>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110006>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110007>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110008>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110009>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110010>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110011>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110012>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110013>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110014>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110015>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110016>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110017>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110018>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110019>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110020>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110021>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110022>#level0>#level4").slideToggle("slow")
        jQuery("#10001100011000110023>#level0>#level4").slideToggle("slow")
});

其中 #10001100011000110001 等...是父 div #100011000110001 的子 div

有人可以告诉我可以使用哪种循环来替换每个嵌套子项的重复行

提前谢谢

4

3 回答 3

0

如果我正确阅读了您的代码，您基本上唯一想要的是：

$("#level3").on('click',function(){
  var $level4 = $('#level4');
  for (var i=0; i<20; i++) {
    $level4.slideToggle("slow");
  }
});
于 2013-11-13T20:12:24.700 回答
0

假设level10id 仅用于相关 div 是否安全？

  jQuery("*>#level0>#level4").slideToggle("slow")
于 2013-11-13T20:17:37.543 回答
0

用隐式循环替换它们。给所有level4一个“level4”的类，然后按类选择它。

$(".level4").slideToggle("slow");

这将遍历与“.level4”选择器匹配的所有元素并滑动切换每个元素。

于 2013-11-13T20:18:29.567 回答