Javascript 如何在同一个div中获取内容而不进入多个框?

Javascript 如何在同一个div中获取内容而不进入多个框?,javascript,html,css,django,Javascript,Html,Css,Django,我有以下代码 <div class="col-md-9"> <div id="statbox"> {% for obj in product_type %} {% for obj1 in vastu %} <script type="text/javascript">

我有以下代码

<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>

{product_type%}中obj的%
{vastu%中obj1的%1}
var product=“{obj.type_product}}”;
var product1=“{name}}”;
var vastu=“{obj1.vastu_key.id}”;
var type_id=“{{obj.id}}”;
if(vastu==类型_id)
{
var title=“{obj1.title}}”;
var brand=“{obj1.brand}}”;
var img=“{obj1.image}}”;
var price=“{obj1.price}}”;
$(“#statbox”)。前置(“”
+头衔
+烙印
+价格
+"");
}
{%endfor%}
{%endfor%}
我在这里使用了两个for循环和用css设计的box2,通过运行这段代码,我多次获得了box2,作为child for循环中包含的内容,标题、品牌、img、价格显示在每个新的box2中。 但我希望新的box2应该只根据父for循环中包含的内容生成,而不是根据子for循环中包含的内容生成 与循环的父级内容相关的所有内容,即标题、品牌、img、价格,应显示在同一框2中。 多个box2仅根据父for循环和父for循环创建的同一box2中的子for循环的内容创建。
谢谢……

创建一个JS对象并循环它。同时将ID更改为class

大概是这样的:

var框=[
{product_type%}中obj的%
{
{vastu%中obj1的%1}
“产品”:“{obj.type_product}”,
“产品1”:“{name}}”,
“vastu”:“{obj1.vastu_key.id}”,
“type_id”:“{{obj.id}”
{%if obj1.vastu_key.id==obj.id%}
,
“标题”:“{obj1.title}}”,
“品牌”:“{obj1.brand}}”,
“img”:“{obj1.image}}”,
“价格”:“{obj1.price}”
{%endif%}
{%endfor%}
}
{%endfor%}
];                         
$。每个(框、功能(obj){
$(“#statbox”)。前置(“”
+对象标题| |“
+obj.brand | |“
+对象价格| |“
+"");
});   

创建一个JS对象和循环,而不是这种可怕的混乱。同时将ID更改为ClassMultFile box2 ID…Noooooooo!而且,从外观上看,您甚至没有从
产品类型输出任何内容
那么外部循环需要什么呢?@Pete不,我需要循环的父对象,因为我需要产品类型下的子循环内容ype…@mplungjan你能举例说明我的问题吗?@saket\u tarwade啊我没有看到
vastu==type\u id