迭代jquery代码

时间:2012-10-17 22:28:21

标签: jquery slide loops

我构建了一个大表,我想在其上迭代一些类名以使用jquery效果(slideToggle),但是当我尝试通过For进行循环时,没有任何反应

HTML:

         <tr>
                        <td dir="ltr"><a href="">array_push()</a></td>
                        <td>اضافة عنصر او أكثر لنهاية المصفوفة</td>
                        <td>530</td>
                        <td class="example2">12.5</td></td>
                        <td>12.5</td>

                </tr>

         <thead>
        <tr> 
        <th colspan="5" rowspan="3" class="slide2" >
       <pre class="prettyprint lang-php ">
$a=array("Dog","Cat");
array_push($a,"Horse","Bird");
print_r($a);

       </pre>
        </th>
        </tr>
        </thead>

我希望迭代通过类名(例如幻灯片)来获取像example1,example2 ................

这样的数字

jquery的:

$(document).ready(function(){
    for (var i=1;i<=120;i++){
    $(".example[i]").click(function(){


        $(".slide[i]").slideToggle(500);

        })

    }

    })

1 个答案:

答案 0 :(得分:1)

我认为你没有将索引附加到类中。请看下面的代码:

$(document).ready(function(){
    for (var i=1;i<=120;i++){
    $(".example" + i).click(function(){
      $(".slide" + i).slideToggle(500);
    })
  }
});