[javascript] 동적으로 태그를 생성해보자

var string ="";
			for (var i = 0; i < getData.list.length; i++) {
				addr = "commentsDelete.co?co_no="+getData.list[i].co_no;
				var comments = 
					"<tr>"
					+ 	"<td width='10%'>"+getData.list[i].co_email+"</td>"
					+		"<td width='70%'>"+getData.list[i].co_content+"</td>"
					+ 		"<td width='10%'>"+getData.list[i].co_date+"</td>"
					+		"<td width='7%'>" 
					+			"<button onclick='deleteComment("+'"'+addr+'"'+");'" +">삭제</button>" 
					+		"</td>"
					+ 	"</tr>";
				
				string = string + comments;
			}
			$("#cmt").html(string);

할 때마다 헷갈리기 때문에 기록해두기 ..!

var string = ""; <- 출력할 구문!

for()

{

  이 안에서 한사이클 반복하면

string = string + comments; <- 한묶음씩 쌓아준다!!

}

 

html(string); <- for문이 끝나고 쌓인 string 값을 한번에 뿌려준다.

ajax로 list뿌려줄 때 많이 쓰임