span 요소에 여러 이미지를 추가하는 방법

Question

데이터베이스에서 숫자를 읽을 때 span 요소에 여러 이미지를 동적으로 삽입하려고합니다.

코드 :

내가 변수 response.data[i].number에 숫자가 무엇인지 확인하고

내가 값을 확인하지만 난 방법을 알고 그 수에 따라 시간의 <img class="rating_img" src="../images/star.png" alt="rating"/> X 번호를 삽입해야

$.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>'); 
     } 
     } 
    }); 

이 인라인 텍스트에 여러 번 삽입하는 방법을 모르겠다.

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>');     
     });    
    } 
});