내 asp.net mvc 응용 프로그램에서 javascript를 통해 동적 div를 만들었습니다. 이것은 for 루프에서 생성 나는 인덱스 값으로 각 id
을 유지한다 :javascript 또는 jquery에서 동적으로 생성 된 div에 html 요소 추가
for (j = 1; j <= count; j++) {
$("<div id=" + j + "> Step " + j + "</div>").
hide().appendTo("#parentDiv").fadeIn();
}
지금, 나는 루프 같은 내에서,이 div의 새로운 요소를 추가 할 수 있습니다. 하지만 첨부 할 때 현재 인덱싱 된 div가 표시되지 않으므로 추가 할 수 있습니다. 즉, 같은 루프 내에서 동적으로 생성 된 div 요소에 대해 for 루프에서 html 요소를 동적으로 렌더링하려고합니다. 이것을 어떻게 성취합니까? 수정 : 실제 시나리오를 참조하십시오. 달성하는 방법?
for (j = 1; j <= count; j++) {
$("<div id=" + j + "> Step " + j + "</div>").hide().appendTo("#parentDiv").fadeIn();
for (i = 1; i <= count; i++) {
$("<div id=" + i + "> Data of column " + i + "</div>").
hide().appendTo("#"+j).fadeIn();
}
}
단지는 참고 : 숫자로 시작 ID는 유효한 HTML 수 없습니다. –
@Andy E XHTML 1.0까지는 작동하지만 HTML5에는 유효하다는 것을 추가하기 만하면됩니다. – Sotiris
Andy E가 숫자로 시작하는 ID가 유효하지 않으므로 –