jQuery 클론 테이블 행을 비우십시오

jQuery를 신속하게 사용하여 테이블 행을 복제하고 콘텐츠 코드 스 니펫을 클린하십시오 :

jQuery 클로닝 형태 행 FAQ (FAQS) jQuery를 사용하여 테이블 행을 복제하는 방법은 무엇입니까?

jQuery를 사용한 복제 테이블 행은 매우 간단합니다.

방법을 사용하여 행을 복사 할 수 있습니다. 기본 예는 다음과 같습니다.

<code class="language-javascript">var clonedRow = $('tbody tr:first').clone();
clonedRow.find('input').val('');
$(this).prev().find('table tbody').append(clonedRow);</code>

이 예제는 ID "TableID"로 테이블의 마지막 행을 복제하고 테이블 본체에 추가합니다.

테이블 행을 복제하고 내용을 청소하는 방법은 무엇입니까?

는 행을 복제하고 내용이 지워질 수 있습니다. 행을 복제 한 후에는

메소드를 사용하여 자식 요소를 선택한 다음 해당 내용을 지울 수 있습니다. 예는 다음과 같습니다.

이 예제는 클로닝 된 행을 테이블 본체에 추가하기 전에 클로닝 된 행의 입력 필드를 지워집니다. clone() 테이블 행을 복제하고 ID를 변경하는 방법은 무엇입니까?

메소드를 사용하여 클로닝 된 행 ID를 변경할 수 있습니다. 예는 다음과 같습니다.

<code class="language-javascript">$("#tableID tbody").append($("#tableID tbody tr:last").clone());</code>

이 예제는 복제 된 행을 테이블 본체에 클로닝 된 행을 추가하기 전에 클로닝 된 행을 "Newid"로 변경합니다.

테이블 행을 복제하고 다른 테이블에 추가하는 방법은 무엇입니까?

테이블 행을 복제하여 다른 테이블에 추가 할 수 있습니다. 복제 행을 추가 할 때 다른 테이블을 선택하십시오. 예는 다음과 같습니다.

이 예제는 ID "TableID1"으로 테이블의 마지막 행을 복제하고 ID "TableID2"로 테이블에 추가합니다.

테이블 행을 복제하고 콘텐츠를 수정하는 방법은 무엇입니까?

방법을 사용하여 클론 라인의 내용을 수정할 수 있습니다. 예는 다음과 같습니다. find() 이 예제는 복제 된 행의 첫 번째 셀 내용을 테이블 본체에 클로닝 된 행을 추가하기 전에 "새 컨텐츠"로 변경합니다.

테이블 행을 복제 하고이 셀 중 일부를 삭제하는 방법은 무엇입니까?

<code class="language-javascript">var clonedRow = $("#tableID tbody tr:last").clone();
clonedRow.find("input").val("");
$("#tableID tbody").append(clonedRow);</code>

테이블 행을 복제 하고이 셀 중 일부를 삭제할 수 있습니까? 선택된 셀은

방법을 사용하여 삭제 될 수 있습니다. 예는 다음과 같습니다.

이 예제는 복제 된 행을 테이블 본체에 추가하기 전에 복제 된 행에서 마지막 셀을 삭제합니다.

테이블 행을 복제하고 새 셀을 추가하는 방법은 무엇입니까?

당신은

방법을 사용하여 복제 된 행에 새 셀을 추가 할 수 있습니다. 예는 다음과 같습니다. attr() 이 예제는 클로닝 된 행을 테이블 본체에 추가하기 전에 클로닝 된 행에 "새 셀"의 내용을 가진 새 셀을 추가합니다.

테이블 행을 복제하고 클래스를 변경하는 방법은 무엇입니까?

<code class="language-javascript">var clonedRow = $("#tableID tbody tr:last").clone();
clonedRow.attr("id", "newID");
$("#tableID tbody").append(clonedRow);</code>

또는

방법을 사용하여 복제 된 행의 클래스를 변경할 수 있습니다. 예는 다음과 같습니다.

이 예제는 복제 된 행에서 "오래된 클래스"클래스를 제거하고 클로닝 된 행을 테이블 본체에 추가하기 전에 "새 클래스"클래스를 추가합니다.

테이블 행을 복제하고 스타일을 변경하는 방법은 무엇입니까?

메소드를 사용하여 복제 된 행의 스타일을 변경할 수 있습니다. 예는 다음과 같습니다.

<code class="language-javascript">var clonedRow = $('tbody tr:first').clone();
clonedRow.find('input').val('');
$(this).prev().find('table tbody').append(clonedRow);</code>

이 예제는 복제 된 행의 배경색을 테이블의 본문에 추가하기 전에 복제 된 행의 배경색을 노란색으로 변경합니다.

테이블 행을 복제하고 이벤트 핸들러를 추가하는 방법은 무엇입니까?

메소드를 사용하여 클로닝 라인에 이벤트 핸들러를 추가 할 수 있습니다. 예는 다음과 같습니다.

이 예제는 클로닝 된 행을 테이블 본체에 추가하기 전에 클로닝 된 행에 클릭 이벤트 핸들러를 추가합니다. 클론 행을 클릭하면 "클론 행이 클릭됩니다!"라는 메시지가 표시됩니다.

위 내용은 jQuery 클론 테이블 행을 비우십시오의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!