Php HTML5 div包装克隆

我如何克隆下面的HTML5包装。代码还包含一些必须按顺序序列化的php，示例文章1中有

，其中n必须是0-15之间的数字

<!-- ARTICLE START -->
    <div class="col-sm-6 col-md-4">
        <article class="box has-discount">
            <figure>
                <a class="hover-effect popup-gallery" href=
                "ajax/slideshow-popup.html"><img alt="" height="161" src=
                "<php echo $img[0];?>" width="270"></a> <span class=
                "discount"><span class="discount-text">VIP
                DISCOUNT</span></span>
            </figure>

            <div class="details">
                <span class="price"><small>avg/night</small> $<php echo $price[0];?></span>

                <h4 class="box-title"><php echo $name[0];?>small><php echo $city[0];?></small></h4>

                <div class="feedback">
                    <div class="five-stars-container" data-original-title=
                    "4 stars" data-placement="bottom" data-toggle="tooltip"
                    title="">
                        <span class="five-stars" style="width: 80%;"></span>
                    </div><span class="review">270 reviews</span>
                </div>

                <p class="description">Nunc cursus libero purus ac congue arcu
                cursus ut sed vitae pulvinar massa idporta nequetiam.</p>

                <div class="action">
                    <a class="button btn-small" href=
                    "hotel-detailed.html">SELECT</a> <a class=
                    "button btn-small yellow popup-map" data-box=
                    "48.856614, 2.352222" href="#">VIEW ON MAP</a>
                </div>
            </div>
        </article>
    </div>
<!--  ARTICLE END -->

贵宾
折扣
平均每夜$
小>
270篇评论
Nunc cursus libero purus ac congue arcu
这是我们的生活，是我们的生活

我有一个生成20-30家酒店的代码， 每个酒店都有自己的文章和变量，$price[]、$name[]等是从0开始按升序排列的数字中的[n]值。 我如何生成上面的div x可用的酒店数量，并自动插入变量值

像这样的

我简化了代码并在jquery中完成了所有工作，但我对如何使用php做了说明（我没有现成的php编辑器访问权限），但概念是一样的

<div class="hotel" id="template" style="display:none;">
    <div class="name"></div>
    <div class="price"></div>
</div>


$(document).ready(function() {
    var hotels = [
        {'name': 'hotel1', 'price':'$200'},
        {'name': 'hotel2', 'price':'$300'},
        {'name': 'hotel3', 'price':'$700'},
        {'name': 'hotel4', 'price':'$100'}
    ];
    for(var i = 0; i < hotels.length; i++) {
        var clone = $('#template').clone(true).attr('id', '');
        clone.css('display', '');
        clone.find('.name').html('Name: ' + hotels[i]['name'] + '. With php should be something like < ? php echo $name[i]; ? >');
        clone.find('.price').html('Price: ' + hotels[i]['price'] + '. With php should be something like < ? php echo $price[i]; ? >');
        clone.appendTo('body');
    }
});

$（文档）.ready（函数（）{
var酒店=[
{'name'：'hotel1'，'price'：'200'}，
{'name'：'hotel2'，'price'：'300'}，
{'name'：'hotel3'，'price'：'700'}，
{'name'：'hotel4'，'price'：'100'}
];
对于（变量i=0；i”）；
clone.find（'.price'）.html（'price:'+hotels[i]['price']+'。使用php时应该类似于<？php echo$price[i]；？>）；
clone.appendTo（'body'）；
}
});

您将从php获得hotels数组（假设是这样），然后如果去掉空格，就可以将php直接放入克隆的html中，然后使用i作为for循环的增量。希望这有帮助

你说的“克隆”是什么意思？听起来你需要一个模板。我建议使用合适的模板系统，如Twig。或者你自己的模板。