文章/答案/技术大牛

发布

问动态拆分div列
EN

Stack Overflow用户

提问于 2019-06-12 17:43:10

回答 1查看 80关注 0票数 0

我在下面编写的代码运行良好，但在循环结束时，div并未关闭，它仍在打开一个循环

<div class="carousel-inner">
    <div class="item active">
       <div class="row">
        <?php 
        $recent_projects_sql="SELECT * from recent_projects where service_type='upholstery'";   
        $recent_projects_conn=mysql_query($recent_projects_sql) or die(mysql_error()); 
        $i=0; $split=0;

        while($projects=mysql_fetch_array($recent_projects_conn)) {   
             $i++; 
             ?>
             <div class="col-sm-3">
                <div class="col-item" style="">
                    <div class="photo-shadow"></div>
                    <div class="photo">
                        <img src="admin/assets/images/uploads/projects/<?php echo $projects['attachment1']; ?>" alt="User one">
                    </div>
                    <div class="info">
                        <div class="name">
                            <?php echo $projects['service_name']; ?>
                        </div>
                        <div class="degination">
                            <?php echo $projects['sub_title']; ?>
                        </div>
                        <div class="buttons">
                            <a class="btn btn-theme ripple-effect" href="#">View More</a>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
            <?php 
            $split++;   
            if ($split % 4 == 0){  
               echo '</div></div><div class="item"><div class="row">';  
            }   
       }
       ?>
        </div>
    </div>
</div>

Div拆分得很好，但在循环的末尾，div还没有关闭。这就是问题所在，请帮助我解决这个问题

当我检查元素时，最后一个循环将显示给定的结果，如下所示：

<div class="col-sm-3">
    <div class="col-item">
        <div class="photo-shadow"></div>
        <div class="photo">
            <img src="admin/assets/images/uploads/projects/1557301934.jpg" alt="User one">
        </div>
        <div class="info">
            <div class="name">UPHOLSTERY</div>
            <div class="degination">UPHOLSTERY</div>
            <div class="buttons">
                <a class="btn btn-theme ripple-effect" href="#">View More</a>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div> 
</div></div><div class="item"><div class="row">

我想动态删除两个打开的div。如何将其设置为删除循环末尾打开的div

javascript

php

html

while-loop

回答 1

Stack Overflow用户

发布于 2019-06-12 18:06:11

您可以这样做：

<div class="carousel-inner">
<?php 
$recent_projects_sql="SELECT * from recent_projects where service_type='upholstery'";   
$recent_projects_conn=mysql_query($recent_projects_sql) or die(mysql_error()); 
$i=0; $split=0;

while($projects=mysql_fetch_array($recent_projects_conn)) {   
     $i++; 
?>
    <div class="item <?php if($i==1) echo "active";?>">
       <div class="row">
             <div class="col-sm-3">
                <div class="col-item" style="">
                    <div class="photo-shadow"></div>
                    <div class="photo">
                        <img src="admin/assets/images/uploads/projects/<?php echo $projects['attachment1']; ?>" alt="User one">
                    </div>
                    <div class="info">
                        <div class="name">
                            <?php echo $projects['service_name']; ?>
                        </div>
                        <div class="degination">
                            <?php echo $projects['sub_title']; ?>
                        </div>
                        <div class="buttons">
                            <a class="btn btn-theme ripple-effect" href="#">View More</a>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<?php 
}
?>
</div>

票数 -1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/56559122

复制

相似问题

问动态拆分div列
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问动态拆分div列EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问动态拆分div列
EN