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