2012-09-24 4 views
0

jQueryeach() 함수를 사용하여 <tr>을 어떻게 생성 할 수 있습니까?각 함수 jQuery를 사용하여 테이블 행 생성

HTML :

<html> 
<table> 
<tbody id = "table_tbody"> 
</tbody> 
</table> 
</html> 

JS :

var tr_count = 10; 
var tr_var ="<tr><td><input type = 'text' name= 'name'/></td>t</tr>"; 
$(tr_count).each(function(){ 
    $(tr_var).appendTo('#table_tbody'); 
}) 

이 하나 <tr>을 반환

아래 내 시도를 참조하십시오.

답변

4

간단한 for 루프를 사용해보십시오.

//      removed a t which should be a typo -v 
var tr_var ="<tr><td><input type = 'text' name= 'name'/></td></tr>"; 

for (var i = 0; i < tr_count; i++) { 
    $(tr_var).appendTo('#table_tbody'); 
} 
+0

감사합니다 명시 적 루프로 이동 -

이 코드

var tr_count = 10; var foo = new Array(); foo.push('a'); foo.push('b'); var tr_var ="<tr><td><input type = 'text' name= 'name'/></td>t</tr>"; $(foo).each(function(){ $(tr_var).appendTo('#table_tbody'); alert('moo'); })​ 

내가 베가 동의를 사용해보십시오. 그냥'each()'가 작동하지 않는 이유가 궁금합니다. – watkib

+0

'$ .each'는 컬렉션을 반복합니다. 더 나은 이해를 위해 jQuery 문서와 예제를 확인하십시오. http://api.jquery.com/jQuery.each/ –

+0

감사합니다. – watkib

1
tr_count 

배열 아니다. 각 기능은 어레이의 각 요소에 대해 작동하려고 시도하고 있습니다. 간단한`for` 루프를 수행,

관련 문제