ng-repeat로 anglejs처럼 jquery에서 테이블 행을 반복 할 수 있습니까?

Question

어떻게 anglejs와 같은 jquery에서 테이블 행을 반복 할 수 있습니까?

<table> 
    <tr ng-repeat="person in people"> 
     <td>{{ person.name }}</td> 
    </tr> 
</table> 

Answer 1

둘러보기 .each() 함수를 사용하면 원하는대로 할 수 있다고 생각합니다.

https://api.jquery.com/jQuery.each/

Answer 2

은 각()의 jQuery 사용하여이 작업을 수행 할 수 있습니다. 1 단계 은 일부 JS를 가져야한다는 제공

구조를 객체

var people = { 
"persons" : [ 
    {"name":"ABC", "address":"XYZ"}, 
    {"name":"PQR", "address":"STO"}, 
    {"name":"LMN", "address":"POP"} 
] 
}; 

2 단계 동적 행 만드는에서 HTML 테이블 요소 만들기 : 테이블을 생성 3.

<table id="dynamicTable">  
</table> 

단계 tr은 jquery의 each() 함수를 사용하여 동적으로 1 단계에서 js 객체를 제공합니다.

var inHTML = ""; 

$.each(people.persons, function(index, value){ 
    var newItem = "<tr><td>"+ value.name + "</td></tr>" 
    inHTML += newItem; 
}); 

$("table#dynamicTable").html(inHTML); //add generated tr html to corresponding table 

이러한 단계를 수행하면 jquery를 사용하여 반복되는 행이있는 동적 테이블 생성을 수행 할 수 있습니다.