JQuery цикл на четыре части из результата MySQL - PullRequest
0 голосов
/ 03 ноября 2018

Привет, надеюсь, кто-нибудь может помочь. Мозг зажарен!

Я возвращаюсь из запроса MySQL (с большим количеством других данных):

"boutique_dep_adv":[{"boutique_dep_adv_url_0":"http:\/\/www.cartier.com\/","boutique_dep_adv_id_0":"2530","boutique_dep_adv_0":"1678.jpg"},{"boutique_dep_adv_url_1":"http:\/\/www.chanel.com\/","boutique_dep_adv_id_1":"2532","boutique_dep_adv_1":"1136.jpg"},{"boutique_dep_adv_url_2":"http:\/\/www.dior.com\/","boutique_dep_adv_id_2":"2533","boutique_dep_adv_2":"5488.jpg"},...etc.],

Мои веб-страницы имеют следующие jquery каждая функция:

var new_row="";
if(data.hasOwnProperty("boutique_dep_adv")){
$.each(data['boutique_dep_adv'], function(q, z){
new_row +="<div class='row no-gutters'><div class='col-lg-3 col-md-12
col-sm-12 col-xs-12 blog-content-align-right'><h5>Space is " + q + "</h5>
<h5>the breath of art</h5><div class='heading-line-b bottom-right'></div>
<div class='mt-70 mb-40'><a href='post-detail.html'>Read More 1</a></div></div>
<div class='col-lg-3 col-md-12 col-sm-12 col-xs-12'><div class='triangle-right'></div>
<a class='opacity-hover' href='post-detail.html'>
<img src='admin/ads/small/" + z.boutique_dep_adv_1 + "' alt='News'></a></div>
<div class='col-lg-3 col-md-6 col-sm-6 col-xs-12 blog-content-align-right'>
<h5>Space is</h5><h5>the breath of art</h5>
<div class='heading-line-b bottom-right'></div>
<div class='mt-70 mb-40'><a href='post-detail.html'>Read More 2</a></div>
</div>
<div class='col-lg-3 col-md-12 col-sm-12 col-xs-12'><div class='triangle-right'></div>
<a class='opacity-hover' href='post-detail.html'>
<img src='admin/ads/small/" + z.boutique_dep_adv_2 + "' alt='News'></a></div></div>";

new_row +="<div class='row no-gutters'>
<div class='col-lg-3 col-md-12 col-sm-12 col-xs-12'>
<div class='triangle-left'></div>
<a class='opacity-hover' href='post-detail.html'>
<img src='admin/ads/small/" + z.boutique_dep_adv_3 + "' alt='News'></a></div>
<div class='col-lg-3 col-md-6 col-sm-6 col-xs-12 blog-content-align-left'><h5>Space is</h5>
<h5>the breath of art</h5>
<div class='heading-line-b bottom-left'></div>
<div class='mt-70 mb-40'><a href='post-detail.html'>Read More 3</a></div>
</div>
<div class='col-lg-3 col-md-12 col-sm-12 col-xs-12'>
<div class='triangle-left'></div>
<a class='opacity-hover' href='post-detail.html'>
<img src='admin/ads/small/" + z.boutique_dep_adv_4 + "' alt='News'></a></div>
<div class='col-lg-3 col-md-6 col-sm-6 col-xs-12 blog-content-align-left'>
<h5>Space is</h5>
<h5>the breath of art</h5>
<div class='heading-line-b bottom-left'></div>
<div class='mt-70 mb-40'><a href='post-detail.html'>Read More 4</a></div></div></div>";
});
$(".new_row").append(new_row);
}

, который создает 2 ряда по 4 плитки в каждом. Это хорошо.

Но я, похоже, не могу понять, как зациклить данные mysql для вставки 4 результатов (z.boutique_dep_adv_1, z.boutique_dep_adv_2, z.boutique_dep_adv_3 и z.boutique_dep_adv_4).

Принимая во внимание, что данные, возвращаемые из запроса mysql, представляют собой boutique_dep_adv (необходимо добавить _x).

Извините за сложный код!

Большое спасибо за любую помощь ...

...