.slice() funktioniert nicht mit foreach Schleife

Ich habe ein Problem mit der Schaltfläche "mehr laden" für Elemente in der foreach-Schleife. Normalerweise ohne Foreach-Schleife .slice() funktioniert gut. Jetzt zeigt .slice (0,4) nur das erste Element an. Gibt es eine Möglichkeit, dies mit der Schleife zu tun? Mein Code:.slice() funktioniert nicht mit foreach Schleife

$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>'; 

    } 

    ?>

und Drehbuch:

<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>

möchte ich zuerst 4 Elemente zeigen, dann nach Klick zeigen mehr oder alle.

Quelle

2017-07-05 Michi

'id' __muss eindeutig sein__. Verwenden Sie Klassen. Über. –

ID sollte für jedes Element eindeutig sein – JYoThI

[jQuery: ID Selector ("#id")] (https://api.jquery.com/id-selector/): '[...] Jeder ID-Wert muss verwendet werden nur einmal in einem Dokument. Wenn mehr als ein Element dieselbe ID zugewiesen wurde, wird bei Abfragen, die diese ID verwenden, nur das erste übereinstimmende Element im DOM ausgewählt. [...] ' –

Verschoben Lösung von Frage zu beantworten:

Problem gelöst. Vielen Dank. ID muss eindeutig sein. Ich habe Klasse statt ID benutzt.

Quelle

2017-07-05 08:08:50 Bugs

.slice() funktioniert nicht mit foreach Schleife

Antwort

Verwandte Themen