jquery에
행을 추가하는 방법: 1. 새 HTML 파일을 만듭니다. 2. 테이블 태그를 사용하여 테이블을 만듭니다. 3. addonetr() 함수를 만듭니다. id(testtb)"; 5. Append() 메서드를 사용하여 테이블에 행을 추가합니다.
이 문서의 운영 환경: Windows 7 시스템, jquery 버전 3.2.1, DELL G3 컴퓨터
jquery
? 줄을 추가하는 방법 jquery가 동적으로 할당됨 테이블에 tr 줄 추가:
새 html 파일을 만들고 이름을 test.html로 지정합니다. 이는 jquery가 지정된 테이블에 tr 줄을 동적으로 추가하는 방법을 설명하는 데 사용됩니다.
test.html 파일에서 table 태그, tr 태그, td 태그를 사용하여 행 2개와 열 2개로 구성된 테이블을 만듭니다. 다음으로 테이블에 행을 동적으로 추가해 보겠습니다.
test.html 파일에서 테이블 태그의 ID를 testtd로 설정합니다. 이는 주로 아래 ID를 통해 테이블 객체를 얻을 때 사용됩니다.
test.html 파일에서 버튼 태그를 사용하여 "tr 줄 추가"라는 버튼 이름의 버튼을 만듭니다.
test.html 파일에서 onclick 이벤트를 버튼 버튼에 바인딩하면 addonetr() 함수가 실행됩니다.
js 태그에서 addonetr() 함수를 생성하고 함수 내에서 추가해야 하는 테이블 행을 저장하는 변수 html을 정의합니다. id(testtb)를 통해 테이블 객체를 얻은 후,append() 메소드를 사용하여 테이블에 행을 추가합니다.
브라우저에서 test.html 파일을 열고 버튼을 클릭하여 효과를 확인하세요.
추천 학습: "jquery 비디오 튜토리얼"
위 내용은 jquery에