迭代通過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); 
    }) 
    } 
});