如何将所有SQL结果附加到HTML中的单个div中,而不是为每个结果创建一个新div

如何将所有SQL结果附加到HTML中的单个div中,而不是为每个结果创建一个新div,html,sql,database,append,Html,Sql,Database,Append,我正在尝试显示数据库中的图像。图像保存在我的服务器上,我只是从数据库中获取目录。目前,使用JavaScript获取数据并将项目附加到div非常简单。但是,当我尝试为禁用JavaScript的用户开发相同的函数时,我无法理解如何将项附加到单个div。这是我当前的代码,工作正常 <?php $stmt = $DB->("CALL xxx"); $results = $stmt->fetchAll(); foreach ($results as $items) {

我正在尝试显示数据库中的图像。图像保存在我的服务器上,我只是从数据库中获取目录。目前,使用JavaScript获取数据并将项目附加到
div
非常简单。但是,当我尝试为禁用JavaScript的用户开发相同的函数时,我无法理解如何将项附加到单个
div
。这是我当前的代码,工作正常

<?php 
   $stmt = $DB->("CALL xxx");
   $results = $stmt->fetchAll();
   foreach ($results as $items) {
?>
<div id="images">
    <img src="images/source/<?php echo $items['img_name']?>">
</div>
<?php } ?>

">
然而,我现在得到的是,我得到的每一项结果都会创建自己的div,如下所示

<div id="images">
    <img src="images/source/<?php echo $items['img_name1']?>">
</div>
<div id="images">
    <img src="images/source/<?php echo $items['img_name2']?>">
</div><div id="images">
    <img src="images/source/<?php echo $items['img_name3']?>">
</div> etc......
<div id="images">
    <img src="images/source/<?php echo $items['img_name1']?>">
    <img src="images/source/<?php echo $items['img_name2']?>">
    <img src="images/source/<?php echo $items['img_name3']?>">
    etc...
</div>

">
">
">
等
但我想要的是以下内容

<div id="images">
    <img src="images/source/<?php echo $items['img_name1']?>">
</div>
<div id="images">
    <img src="images/source/<?php echo $items['img_name2']?>">
</div><div id="images">
    <img src="images/source/<?php echo $items['img_name3']?>">
</div> etc......
<div id="images">
    <img src="images/source/<?php echo $items['img_name1']?>">
    <img src="images/source/<?php echo $items['img_name2']?>">
    <img src="images/source/<?php echo $items['img_name3']?>">
    etc...
</div>

">
">
">
等
我希望我能很好地解释我的问题,提前感谢您的反馈。如有任何意见,我们将不胜感激!


<?php 
   $stmt = $DB->("CALL xxx");
   $results = $stmt->fetchAll();
?>
<div id="images">
<?php
   foreach ($results as $items) {
?>
    <img src="images/source/<?php echo $items['img_name']?>">

<?php } ?>
</div>
">
将div置于循环之外不会重复该操作

更好:

<?php
    $stmt = $DB->("CALL xxx");
    $results = $stmt->fetchAll();

    if(!empty(results)):
?>
    <div id="images">
    <?php
        foreach ($results as $items):
    ?>
        <img src="images/source/<?php echo $items['image_name']; ?>" />
    <?php
        endforeach;
    ?>
    </div>
<?php
    endif;
?>

" />

只需将div从foreach循环中取出即可

<?php 
   $stmt = $DB->("CALL xxx");
   $results = $stmt->fetchAll();
   $images= "";

   foreach ($results as $items) {
       $images .= '<img src="images/source/'. $items['img_name'].'">';
   }
?>
<div id="images">
    <?php echo $images; ?>
</div>

要将所有图像放入一个div,需要将该div置于foreach循环之外:

<?php 
    echo('<div id="images">');
    $stmt = $DB->("CALL xxx");
    $results = $stmt->fetchAll();
    foreach ($results as $items) {
        echo('<img src="images/source/'.$items['img_name'].'">');
    }
    echo('</div>');
?>


谢谢你的帮助,我希望我能给你打电话谢谢你的帮助!