jquery - 遍历jquery代码

Question

我建了一个大表，我想遍历它上面的一些类名以使用 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>

我想遍历类名（示例，幻灯片）以获取像示例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);
    })
  }
});