테이블 jquery 지우기

나는이 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();

<table id="myTable" class="table" cellspacing="0" width="100%">
    <thead>
        <tr>
            <th>Header 1</th>
            <th>Header 2</th>
            <th>Header 3</th>
        </tr>
    </thead>
    <tbody id="tblBody">

    </tbody>
</table>

그리고 제거 :

$("#tblBody").empty();

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

이와 같은 테이블 (헤더와 본문 포함)

<table id="myTableId">
    <thead>
    </thead>
    <tbody>
   </tbody>
</table>

#tableId 안에 tbody라는 부모가있는 모든 tr을 제거합니다.

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

반대로 테이블에 추가하려면

$('#tableId tbody').append("<tr><td></td>....</tr>");