。foreachループで.slice（）が機能しない

foreachループ内の要素にボタン "load more"の問題があります。通常はforeachループなしで.slice（）は正常に動作しています。さて、.slice（0,4）は最初の要素のみを表示しています。ループでこれを行う方法はありますか？マイコード：。foreachループで.slice（）が機能しない

$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つの要素を示したいと思います。質問から

出典

2017-07-05 Michi

「id」は一意である必要があります。クラスを使用する。終わった。 –

idは要素ごとに一意である必要があります – JYoThI

[jQuery：ID Selector（ "#id"）]（https://api.jquery.com/id-selector/）： '[...]各id値を使用する必要があります文書内で1回だけ使用できます。複数の要素に同じIDが割り当てられている場合、そのIDを使用するクエリはDOM内の最初に一致する要素のみを選択します。[...] ' –

移転ソリューションを答えるために：

問題は解決しました。ありがとう。 IDは一意でなければなりません。私はIDの代わりにクラスを使用しました。

出典

2017-07-05 08:08:50 Bugs

。foreachループで.slice（）が機能しない

答えて

関連する問題