2012-04-08 3 views
0

동적으로 많은 테이블이있는 내 사이트의 특정 테이블에 행을 추가하려고합니다. 나는 그 작업을 수행하기 위해 다음 jquery를 사용한다. 그러나 appendto 메서드에서 addrow의 전달 된 변수를 삽입하면 모든 테이블에 행이 추가되지만 ID를 텍스트로 지정하면 잘 동작합니다.Jquery 테이블에 행 추가

function addrow(id){ 

    $("<tr><td><input type = 'text' value = 'Equipo 1' /></td><td></td><td></td><td></td><td></td></tr>").appendTo("[id] tbody"); 

} 

ID는 "# 5a7"행 내 테이블

function addrow(id){ 

    $("<tr><td><input type = 'text' value = 'Equipo 1' /></td><td></td><td></td><td></td><td></td></tr>").appendTo("#5a7 tbody"); 

} 

내가 이런 식으로 할 경우 잘 작동 만에 행을 추가 모두에 추가됩니다

이 방법입니다 그 테이블.

아이디어가 있으십니까?

답변

1

이 요소의 http://jsfiddle.net/5SVAJ/11/

아이디의 요소에 고유해야이

function addrow(id){ 
    $("<tr><td><input type = 'text' value = 'Equipo 1' /></td><td></td><td></td><td></td><td></td></tr>").appendTo("#"+id+" tbody"); 
} 

작업 샘플처럼 addrow 기능을 변경합니다.

+0

위와 같은 방식으로 행을 추가하면 왜 테이블이 확장되는지 모든 아이디어가 훌륭합니다. – user541597

0

이 내가 할 것입니다 :

$('#my_table > tbody:last').find('tr:last').after(/*data to append*/); 
+0

이것이 마지막 테이블 끝에 삽입됩니다.이 테이블을 특정 ID에 삽입하려고합니다. – user541597

+0

#my_table> tbody : 마지막으로 id #my_table의 마지막 표 본문을 가리 킵니다. 다음으로 마지막 tr (find ('tr : last'))을 찾습니다. 마지막으로 마지막 몸체의 마지막 tr 다음에 새 라인을 추가합니다. 받아 들인 대답은 여러 가지로 비슷합니다. 하나 이상의 tbody가있을 경우를 제외하고는, 받아 들여진 답에서 첫 번째 tbody에 덧붙일 것입니다.이 답에 마지막으로 덧붙일 것입니다. – Mbrevda

관련 문제