3
테이블이있는 리피터가 있습니다. 사용자가 테이블에 새 행을 추가하여 리피터에 새 행을 추가 할 수있게합니다.jquery가있는 클라이언트 측 리피터 안의 테이블에 행 추가
누구든지 나에게 아이디어를 줄 수 있습니까? jQuery를 처음 접했을 때 누군가 샘플 코드를 제공 할 수 있습니까?
테이블이있는 리피터가 있습니다. 사용자가 테이블에 새 행을 추가하여 리피터에 새 행을 추가 할 수있게합니다.jquery가있는 클라이언트 측 리피터 안의 테이블에 행 추가
누구든지 나에게 아이디어를 줄 수 있습니까? jQuery를 처음 접했을 때 누군가 샘플 코드를 제공 할 수 있습니까?
jQuery manipulation methods을 보면 jQuery에서 DOM을 수정하는 방법입니다.
당신의 라인을 따라 뭔가를하고있는 일을 위해 내가 제안 :
var tableToUpdate = $('#yourTableId'); // select the table
var rowToAdd = $('<tr></tr>'); // this will create a table row element
rowToAdd.append('<td>some content for this cell</td>'); // add the columns to your new row
tableToUpdate.append(rowToAdd); // append the row to the end of the table
이 테이블의 끝에 새 행을 삽입합니다. 테이블에 tbody가있는 경우 (초기 선택기를 '#yourTableId tbody'로 수정해야합니다.)
테이블의 다른 위치에 새 행을 삽입하려면 다른 조작 방법 (예 : 전후, 전, 전 등)을 삽입하십시오. . "이 상황에 대해 좀 더 구체적으로 할 수있는 경우
희망이 당신은 올바른 생각을 가지고
. 아마 당신에게 더 구체적인 예를 줄 수있는, 도움이되지만 코드가 뭔가를 생성합니다
안녕 조엘, 주석 주셔서 감사하지만 코드가 작동 - 그것은 처음봤을 때 놀랐다는 jQuery의 멋진 기능입니다. $ ('some html here')는 실제로 문자열을 적절한 DOM 구조로 변환합니다. 그래서 위의 내 대답 실제로 tr 요소를 만듭니다. 그런 다음 추가 할 다음 행에 - 문자열이 아닌 요소에 추가됩니다. 데모 프로젝트에서 코드를 두 번 확인한 후 즉시 사용할 수 있습니다. 원하는 경우 내 테스트 페이지를 전달해 주셔서 감사합니다. –