如何用Jquery各自制作这个技巧？

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");  
});