如何将多个图像附加到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>');     
     });    
    } 
});