[jquery] 테이블 jquery 지우기

Program / 글쓴이

나는이 HTML 테이블 행 수 가득합니다.

내가 어떻게 할 수있는 테이블에서 모든 행을 제거 하려면 해야합니까?

답변

사용 ) (.remove

$("#yourtableid tr").remove();

데이터를 제거한 후에도 나중에 사용할 수 있도록 데이터를 유지하려면 .detach ()를 사용할 수 있습니다.

$("#yourtableid tr").detach();

행이 테이블의 하위 인 경우 하위 선택기 대신 하위 선택기를 사용할 수 있습니다.

$("#yourtableid > tr").remove();

답변

데이터를 지우고 헤더는 유지하려는 경우 :

$('#myTableId tbody').empty();

테이블은 다음과 같은 방식으로 형식화되어야합니다.

<table id="myTableId">
    <thead>
        <tr>
            <th>header1</th><th>header2</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>data1</td><td>data2</td>
        </tr>
    </tbody>
</table>

답변

각각을 개별적으로 제거하는 것보다 약간 더 빠릅니다.

$('#myTable').empty()

기술적으로,이 제거 thead, tfoot그리고 tbody너무 요소.

답변

나는 이것이 필요했다 : 

$('#myTable tbody > tr').remove();

헤더를 제외한 모든 행을 삭제합니다.

답변

핵 옵션 :

$("#yourtableid").html("");

내부의 모든 것을 파괴 #yourtableid . 전달하는 선택기의 모든 html을 파괴하므로 선택기에주의하십시오 !

답변

$("#employeeTable td").parent().remove();

이것은 아이를 tr가진 모든 것을 제거 할 것 td입니다. 즉, 헤더를 제외한 모든 행이 삭제됩니다.

답변

이렇게하면 본문에 속한 모든 행이 제거되므로 헤더와 본문은 그대로 유지됩니다.

$("#tableLoanInfos tbody tr").remove();