迭代通过jQuery代码

Question

我建了一个大表，我想通过一些类的名字，反覆它使用一个jQuery的影响（的slideToggle），但是当我试图使通过为一个循环，没有发生

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> 

我想通过类名（例如，滑动）迭代采取若干像例1，示例2 ................

jquery的：

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


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

     }) 

    } 

    }) 

Answer 1

我想你并没有在课堂上追加索引。看看下面的代码：

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