Javascript 添加查看更多按钮

我有这个部分是由SQLserver和php引导程序创建的

有没有办法只显示一小部分，并提供查看更多按钮选项以显示整个结果

大概有10副牌，我想只玩2副，当用户点击查看更多时显示所有的牌

这是我为这个结果编写的php代码

<div class="vertical-wrapper">
<?php 
for($i=0;$i<count($decks);$i++){
   $deck_name = $decks[$i]['name'];
   $deck_desc = $decks[$i]['description'];                                        
   $deck_img_link = $json['deckplans'][$i]['images'][0]['href'];
  echo "<img class='bd-imagelink-157 bd-own-margins bd-imagestyles' src='$deck_img_link'><p class='bd-textblock-779 bd-content-element'>$deck_name</p>";
   echo $deck_desc;
 }
?>
</div>

下面的示例演示如何一次一个地显示其他隐藏项。您需要使用jQueryJavaScript库来实现这一点


$（'viewmore'）。在（'click'，function（）上{
$（'.item:hidden'）.show（）；
})
。隐藏{
显示：无；
}

项目1
项目2
项目3
项目4
查看更多
为什么使用for循环而不是foreach循环？您的循环开始可以很容易地定义为
foreach（$deck作为$deck）
，然后您可以调用例如
$deck\u name
将是
$deck['name']
。您想动态请求并加载每个版面的更多内容，还是在单击“查看更多”

时只显示前端的所有版面？@SebCooper我真的不介意。。我也不行。只是想让它发挥作用。。但是使用ajax进行请求可能更困难，我对ajax一无所知，只是对Javascript有一点了解。单击“查看更多”时是否可以显示所有项目，而不是逐个显示？是的，只需从事件处理程序选择器中删除

.first（）

方法。[更新了答案以反映这一点。]