HTML5 div wrap clone

Question

Как я могу клонировать нижнюю оболочку HTML5. Код содержит также некоторые сериализованные php, которые должны быть в порядке, например, в Article one есть <?php echo $price[n];?>, где 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 --> 

У меня есть код, который генерирует Arround 20-30 отелей, Каждый отель имеет свою собственную статью и свою собственную переменную как $ цена [], $ имя [], и т.д. были [п] значение в номер в порядке возрастания, начиная с 0. Как я могу создать выше div x, сколько отелей availeble и вставить переменное значение автоматически?.

Answer 1

что-то вроде этого? http://jsfiddle.net/swm53ran/173/

Я немного упростил код и сделал все в 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'); 
    } 
}); 

вы получите отели массив из PHP (им предполагая), а затем вы можете поместить PHP прямо в HTML-клона, если вы берете из пространства, а затем использовать я как инкрементора из цикла для , надеюсь, это поможет