jquery中基于剃刀循环的循环
Loop in jquery based on razor loop
在我的剃刀视图(MVC4)中,每个循环都有一个
@foreach (var fe in ViewBag.FeatureProducts)
{
<div class="product-details" style="display:none;">@Html.Raw(fe.Details)</div>
<div class="product-qty-dt"> </div>
}
在每个循环中,我必须提取@html行内容并显示在div"product qty dt"中。
为此,我编写了以下jquery,
$(document).ready(function () {
var data = $('.product-details p').map(function () {
return $(this).text();
}).get();
//product availability
var availability = data[2].split(",");
$.each(availability, function (i) {
$('.product-qty-dt').append( availability[i])
});
});
但这只是被认为是最后一个未经处理的前臂。如何在每次循环调用中调用这个jquery。
例如,在第一个循环中,
<div class="product-details" style="display:none;"><p>Lorem, Ispum</p><p>doler emit,fghjh</p><p>9gm</p></div>
<div class="product-qty-dt"> 9gm </div>
第二环路
<div class="product-details" style="display:none;"><p>Lorem, Ispum</p><p>doler emit,fghjh</p><p>5gm</p></div>
<div class="product-qty-dt"> 5gm </div>
第三环路
<div class="product-details" style="display:none;"><p>Lorem, Ispum</p><p>doler emit,fghjh</p><p>3gm</p></div>
<div class="product-qty-dt"> 3gm </div>
下面将把<div class="product-details">
元素中最后一个<p>
的文本添加到相应的<div class="product-qty-dt">
元素中
$('.product-details').each(function () {
var t = $(this).children('p').last().text();
$(this).next('.product-qty-dt').text(t);
})
这样就可以了。此外,data
数组仍在使用,以防您想访问存储在产品详细信息中的其他数据部分。
$(".product-details").each(function()
{
var data = $(this).find('p').map(function () { return $(this).text() }).get();
$(this).next('.product-qty-dt').text(data[2]);
})
相关文章:
- jQuery:循环一个具有不同超时值的循环
- 在循环中分配json值时,值被覆盖
- 如何在下面的ES6循环中获得前面的文本
- 为什么“;未定义的“;在JavaScript中结束循环
- Javascript循环不会自我更新
- 如何使用jquery处理php循环通过元素
- 而循环只设置php中输入字段中的第一个值
- 循环遍历数组中的特定索引
- Javascript返回值只在循环中返回一次
- 按照选项卡索引的顺序循环一个jQuery选择
- 循环遍历以数组为值的Javascript对象
- 为什么JavaScript在for循环为3时向所有4发出警报
- 另一个ajax调用中的Jquery ajax调用在for循环中没有按预期工作
- 循环结束/推送到数组之前在页面上呈现EJS
- 循环比赛位置算法
- jQuery循环在特定位置暂停
- 我的javascript for循环不起作用
- 循环浏览多个身体背景图像
- jquery中基于剃刀循环的循环
- 如何在javascript脚本标记中使用剃刀for循环