php - 如何用 Jquery 的 each 来实现这个技巧？

Question

我的 php 代码:

for($i = 1; $i < 22; $i++) {

    echo '<div id="number" style="display:none">'.$i.'</div>';

}

我的 jquery 代码:

$('#number').each(function() {

    $(this).slideDown("slow");  

})

这是怎么回事？我想实现当所有数字一个接一个出现时的效果。我的意思是，首先滑下 1 号，然后是 2 号，依此类推。现在只滑下 1 号，在他之后什么也没有发生，尽管我每个都使用 jquery。谢谢。

Answer 1

您的代码中可能只有一个id="number"。 ID 是唯一的。请改用 class="number"。

即:

您的 PHP 代码:

for ($i = 1; $i < 22; $i++) {
    echo '<div class="number" style="display:none">'.$i.'</div>';
}

您的 JS 代码:

$('.number').each(function() {
    $(this).slideDown("slow");  
});