jQuery를 사용하면 특정 요소를 쉽게 조작할 수 있습니다. 여기서는 empty 메소드를 사용하여 특정 테이블에서 모든 행을 삭제하는 방법에 대해 알아보겠습니다.

요구 사항

• jQuery 라이브러리가 포함된 HTML 페이지

솔루션

먼저, jQuery 라이브러리를 HTML 페이지에 포함해야 합니다. 아래는 jQuery CDN을 사용하여 라이브러리를 포함하는 예제 코드입니다:

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

다음으로, empty 메소드를 사용하여 특정 테이블의 모든 행을 삭제할 수 있습니다.

$(document).ready(function() {
    // 삭제 버튼 클릭 시 특정 테이블의 행 삭제
    $("#deleteButton").click(function() {
        $("#tableId").empty();
    });
});

위 코드에서 #deleteButton은 삭제 버튼의 id를, #tableId는 삭제할 테이블의 id를 나타냅니다.

이제 페이지에서 삭제 버튼을 클릭하면 해당 테이블의 모든 행이 삭제됩니다.

요약

이렇게 하면 jQuery의 empty 메소드를 사용하여 특정 테이블의 모든 행을 손쉽게 삭제할 수 있습니다. 이는 사용자 인터페이스를 업데이트하거나 동적으로 테이블을 관리해야 하는 경우 유용합니다.

더 많은 정보와 예제는 jQuery 공식 문서를 참조하세요.