Как отобразить все изображения - PullRequest
Новая
       4

Как отобразить все изображения

0 голосов
/ 16 февраля 2019

Я получаю кучу изображений из базы данных, которая представляет собой файл JSON.Я не могу отобразить все изображения на странице HTML.Я могу отображать только одно изображение на этой странице.Я приложил свой код ниже.Кто-нибудь, дайте мне руку 

      success:function(data){
                    $.each(data, function(index, element) {

                    $('.serachImg').attr("src","/image/"+element.filename);
             });
           },

Это мой HtML-код 

     <div class="row" id="search-img-list" style="display:none">
                <!-- Single Product -->
                     <div class="col-12 col-sm-6 col-lg-4" id="single_product">
                             <div class="single-product-wrapper">
                                 <!-- Product Image -->
                             <div class="product-img">
                               <a class="route" href="">

              <img class="serachImg" src="" alt="">  <- I want to display here

                                </a>
                             </div>
                         </div>
                      </div>
                  </div>

Любая идея поможет мне решить эту проблему

Ответы [ 2 ]

0 голосов
/ 16 февраля 2019 
$.each(data, function(index, element) {
  var img = `<div class="col-12 col-sm-6 col-lg-4" id="single_product">
                   <div class="single-product-wrapper">
                       <div class="product-img">
                          <a class="route" href="">
                             <img class="serachImg" src="/image/${element.filename}" alt="">  
                           </a>
                        </div>
                   </div>
              </div>`
  $('someSelector').append(img)
});

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

0 голосов
/ 16 февраля 2019

$('.serachImg').attr("src","/image/"+element.filename); - это обновит attr отдельного изображения, которое уже находится в дом.

Вместо этого вы захотите добавить новых изображений к элементу контейнера (например, div) в dom.Итак, вы хотите сделать что-то вроде $('.product-img').append($('<html elements...><img src=yourImgSrc /></html content>'))

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...