Question

我对foreach循环中的元素按钮“加载更多”有问题。通常没有foreach循环.slice（）工作正常。现在.slice（0,4）只显示第一个元素。循环中有没有办法做到这一点？我的代码：

$info=$wpdb->get_results('SELECT user_login FROM wp_users WHERE company_district="London"');    
 foreach ($info as $info_res) {     
        $id             = $info_res->id;
        $login      = $info_res->user_login;
        echo '<div id="comment" style="display:none;"><p>'.$login.'</p></div>';

    }

    ?>

和脚本：

<a href="#" id="loadMore">Load More</a>

<script>  
$(function () {
    $("#comment").slice(0, 4).show();
    $("#loadMore").on('click', function (e) {
        e.preventDefault();
        $("#comment:hidden").slice(0, 4).slideDown();
        if ($("#comment:hidden").length == 0) {
            $("#load").fadeOut('fast');
        }
        $('html,body').animate({
            scrollTop: $(this).offset().top
        }, 1500);
    });
});
</script>

我想显示前4个元素，然后点击显示更多或全部。

Answer 1

将解决方案从问题转移到答案：

问题解决了。谢谢。 ID必须是唯一的。我使用了class而不是ID。

.slice（）不适用于foreach循环

1 个答案: