如何在同一個div中獲取內容而不會進入多個框？

Question

我有以下代碼

<div class="col-md-9"> 
       <div id="statbox"> 
         {% for obj in product_type %} 
         {% for obj1 in vastu %} 
         <script type="text/javascript"> 
          var product = "{{ obj.type_product }}"; 
          var product1 = "{{ name }}"; 
          var vastu = "{{ obj1.vastu_key.id }}"; 
          var type_id = "{{ obj.id }}"; 

          if (vastu == type_id) 
          { 
          var title = "{{ obj1.title }}"; 
          var brand = "{{ obj1.brand }}"; 
          var img = "{{ obj1.image }}"; 
          var price = "{{ obj1.price }}"; 

          $("#statbox").prepend("<div id='box2'>" 
               + title 
               + brand 
               + price 
               +"</div>"); 
          } 
         </script> 
          {% endfor %} 
         {% endfor %} 
       </div> 

我用兩個在這裏循環和它在CSS樣式，通過爲內容兒童包含循環和標題運行此代碼我BOX2多次得到了BOX2，品牌，img，價格在每個新盒子中顯示出來2。 但我想新BOX2應該只生成根據內容不根據內容兒童包含循環 包含在父母的循環和全部內容，即標題，品牌，IMG，價格這與用於循環父的每個內容相關聯應顯示在同一個box2中。 多個box2只能根據parent的for循環創建，並且爲父循環創建的同一個box2中的for循環的內容。 謝謝....

Answer 1

創建一個JS對象和環路。也改變了ID類

事情是這樣的：

var boxes = [ 
 
    {% for obj in product_type %} 
 
    { 
 
    {% for obj1 in vastu %} 
 
    "product":"{{ obj.type_product }}", 
 
    "product1":"{{ name }}", 
 
    "vastu": "{{ obj1.vastu_key.id }}", 
 
    "type_id":"{{ obj.id }}" 
 
    {% if obj1.vastu_key.id == obj.id %} 
 
    , 
 
    "title":"{{ obj1.title }}", 
 
    "brand":"{{ obj1.brand }}", 
 
    "img":"{{ obj1.image }}", 
 
    "price":"{{ obj1.price }}" 
 
    {% endif %} 
 
    {% endfor %} 
 
    } 
 
    {% endfor %} 
 
];       
 
$.each(boxes,function(obj) { 
 
    $("#statbox").prepend("<div class='box2'>" 
 
    + obj.title || "" 
 
    + obj.brand || "" 
 
    + obj.price || """ 
 
    +"</div>"); 
 
});