jquery는 마지막 리뷰 만 표시합니다.

Question

jquery를 사용하여 리뷰를 표시하고 싶지만 마지막 리뷰 만 표시합니다. 제발 도와주세요.

$.each(data.results, function(i, res) { 

     var item = $('<div>'),      
      head = $('<h4>'), 
      info = $('<p>'); 

     head.html(res.title); 
     info.html(res.review_text+'<hr>'); 

     item.append(head,info); 

     $("#review_list").html(item); 
    }); 

는 업데이트 :

사실 나는이 방법으로 시도하고 추가 사용하지 않고 일했다.

var item = $('<div>'); // moved item outside loop 

$.each(data.results, function(i, res) { 


      var head = $('<h4>'), 
       info = $('<p>'); 

      head.html(res.title); 
      info.html(res.review_text+'<hr>'); 

      item.append(head,info); 

     }); 

$("#review_list").html(item); // used html outside loop 

Answer 1

이것은 모든 것을 새로운 콘텐츠로 바꿀 때마다 발생하기 때문입니다. 이 작업을 수행 할 수 있습니다

$.each(data.results, function(i, res) { 

    var item = $('<div>'),      
     head = $('<h4>'), 
     info = $('<p>'); 

    head.html(res.title); 
    info.html(res.review_text+'<hr>'); 

    item.append(head,info); 

    $("#review_list_is_got").append(item); 
}); 

은 기본적으로 당신은 당신이 가지고있는 컨테이너에 추가하고, 당신이 원하는 것 할 지정된 항목의 내용을 대체 할 html 및 append 있습니다.