Php 显示更多项目

我正在构建一个显示不同位置的应用程序

我想在点击“显示更多”按钮时一次显示10个位置。目前，我可以在第一次点击时显示10个项目，但在第二次点击时，所有项目都会显示出来，而

我希望在每次点击“显示更多”按钮时连续显示10个项目

<?php
    echo 
    "<script>
     $('ul')
     .find('li:gt(10)')
     .hide()
     .end()
     .append(
     $('<li><a>Show More</a></li>').click(function(){
     $(this).siblings(':hidden').show().end().remove()
     }));
    </script>";
    ?>

通常有两种选择。HTML的一部分可能也会有所帮助

1） 只搜索10个隐藏元素，您现在总是在搜索10个元素（因此它们总是相同的）。如果隐藏的元素是li，则可以执行以下操作：

<?php
echo 
"<script>
 $('ul')
 .find('li:hidden:gt(10)')
 .hide()
 .end()
 .append(
 $('<li><a>Show More</a></li>').click(function(){
 $(this).siblings(':hidden').show().end().remove()
 }));
</script>";
?>


<?php
echo 
"<script>
 var itemsDisplayed = 10;
 $('ul')
 .find('li:gt(itemsDisplayed)')
 .hide()
 .end()
 .append(
 $('<li><a>Show More</a></li>').click(function(){
 itemsDisplayed = itemsDisplayed + 10;
 $(this).siblings(':hidden').show().end().remove()
 }));
</script>";
?>