在jQuery模板中获取父for循环的值,可以使用{{each}}标签来实现。
{{each}}标签用于循环遍历一个数组或对象,并在每次迭代中提供当前项的上下文。在嵌套的循环中,可以通过$parent来访问父级循环的上下文。
以下是一个示例:
<script id="template" type="text/x-jquery-tmpl">
{{each items}}
<div class="parent">
Parent Value: ${$value}
{{each childItems}}
<div class="child">
Child Value: ${$value}
Parent Value: ${$item.$parent.$value}
</div>
{{/each}}
</div>
{{/each}}
</script>
<div id="output"></div>
<script>
var data = {
items: [
{
value: "Parent 1",
childItems: [
{ value: "Child 1-1" },
{ value: "Child 1-2" }
]
},
{
value: "Parent 2",
childItems: [
{ value: "Child 2-1" },
{ value: "Child 2-2" }
]
}
]
};
var template = $("#template").html();
var rendered = $.tmpl(template, data);
$("#output").append(rendered);
</script>
在上面的示例中,{{each}}标签用于循环遍历items
数组,并在每次迭代中提供当前项的上下文。在内部的{{each}}标签中,可以通过$item.$parent.$value
来获取父级循环的值。
注意:这里使用的是jQuery的模板引擎,需要引入jQuery库和jQuery模板插件。
推荐的腾讯云相关产品:腾讯云云服务器(CVM),腾讯云对象存储(COS)。
腾讯云云服务器(CVM):提供弹性、可靠、安全的云服务器,可满足各种计算需求。
产品介绍链接地址:https://cloud.tencent.com/product/cvm
腾讯云对象存储(COS):提供高可靠、低成本的云端存储服务,可用于存储和处理任意类型的文件和数据。
产品介绍链接地址:https://cloud.tencent.com/product/cos
领取专属 10元无门槛券
手把手带您无忧上云