Я работаю над ползунком призового диапазона, и у меня есть список данных из функции JSON в контроллере. Я хочу отобразить новые значения внутри div. В настоящее время я сделал следующее:

Посмотреть

{amp}lt;!-- card group --{amp}gt; {amp}lt;div class="card-group"{amp}gt; {amp}lt;!-- card --{amp}gt; @foreach(var i in Model) { if (i.mtype == "women") { {amp}lt;div class="col-lg-3 col-sm-6 p-0"{amp}gt; {amp}lt;div class="card product-men p-3"{amp}gt; {amp}lt;div class="men-thumb-item"{amp}gt; {amp}lt;img src="@Url.Content(i.img1)" alt="img" class="card-img-top"{amp}gt; {amp}lt;div class="men-cart-pro"{amp}gt; {amp}lt;div class="inner-men-cart-pro"{amp}gt; {amp}lt;a href="@Url.Action("product", "home", new { id = i.mid })" class="link-product-add-cart"{amp}gt;Quick View{amp}lt;/a{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;!-- card body --{amp}gt; {amp}lt;div class="card-body py-3 px-2"{amp}gt; {amp}lt;h5 class="card-title text-capitalize" id="mname"{amp}gt;@i.mname{amp}lt;/h5{amp}gt; {amp}lt;div class="card-text d-flex justify-content-between"{amp}gt; {amp}lt;p class="text-dark font-weight-bold" id="mprize"{amp}gt;@i.mprize{amp}lt;/p{amp}gt; {amp}lt;p class="line-through" id="mdprize"{amp}gt;@i.mdprize{amp}lt;/p{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;!-- card footer --{amp}gt; {amp}lt;div class="card-footer d-flex justify-content-end"{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; } } {amp}lt;/div{amp}gt; 

контроллер

  [HttpPost] public JsonResult Women(int? minimum_range, int? maximum_range) { List{amp}lt;items{amp}gt; product =userService.GetProductByPrize(minimum_range, maximum_range); return new JsonResult{Data = product.ToList() }; } 

Ajax Call

  $.ajax({ url: "Women", method: "POST", contentType: "application/json; charset=utf-8", data: JSON.stringify({minimum_range: minimum_range, maximum_range: maximum_range}), dataType: "json", success: function (data) { for (var i = 0; i {amp}lt; data.length; i  ) { $("#mname").val(data[i].mname); $("#mprize").val(data[i].mprize); $("#mdprize").val(data[i].mdprize); } }); }, failure: function (response) { alert(response.responseText); }, error: function (response) { alert(response.responseText); } }); } $("#amount").val("$"   $("#slider-range").slider("values", 0)   " - $"   $("#slider-range").slider("values", 1)); }); 

Вот как это выглядит сейчас

теперь с обновленным списком я хочу отобразить новые данные внутри этих DIVs, я не знаю, как сделать это возможным.