如何將多個圖像附加到span元素

Question

我想從數據庫中讀取數字時，動態地在span元素中插入多個圖像。

代碼：

$.ajax({ 
     type: "POST", 
     url: "all_data.php", 
     dataType: 'json', 
     cache: false, 
     success: function(response) { 
      for (var i = 0, len = response.data.length; i < len; i++) { 
      $('.item_holder').append('<span class="rating_images">'+response.data[i].number+'</span>'); 
     } 
     } 
    }); 

我需要檢查數字是什麼在變response.data[i].number然後插入的取決於數量

我知道如何檢查的價值，但我的時間 <img class="rating_img" src="../images/star.png" alt="rating"/> X號不知道如何在這個內嵌文本中多次插入

Answer 1

我不知道我是否正確理解了你的問題，但也許是這樣的？ ：

for (var i = 0; i < response.data.length; i++) { 
    var number = response.data[i].number; 
    var images = ""; 

    for(var j = 0; j < number; j++) 
     images += '<img class="rating_img" src="../images/star.png" alt="rating"/>'; 

    $('.item_holder').append('<span class="rating_images">'+ images +'</span>'); 
} 

Answer 2

試試這個：

$.ajax({ 
    type: "POST", 
    url: "all_data.php", 
    dataType: 'json', 
    cache: false, 
    success: function(response) { 
     var star_html = '<img class="rating_img" src="../images/star.png" alt="rating"/>'; 
     var make_stars = function(rating){ 
      var tpl = ''; 
      for(i=0; i<rating; i++){ 
       tpl += star_html; 
      } 
      return tpl; 
     }; 

     $.each(response.data, function(){ 
      $('.item_holder').append('<span class="rating_images">'+make_stars(response.data[i].number)+'</span>');     
     });    
    } 
});