Очистить таблицу jquery

Ответ 1

Используйте . remove()

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

Если вы хотите сохранить данные для будущего использования даже после их удаления, вы можете использовать . detach()

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

Если строки являются дочерними элементами таблицы, вы можете использовать селектор потомков вместо селектора потомков, например

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

Ответ 2

Если вы хотите очистить данные, но сохранить заголовки:

$('#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>

Ответ 3

Чуть быстрее, чем удаление каждого из них индивидуально:

$('#myTable').empty()

Технически это приведет к удалению элементов thead, tfoot и tbody.

Ответ 4

Мне это нужно:

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

Он удаляет все строки, кроме заголовка.

Ответ 5

Ядерный вариант:

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

Уничтожает все внутри #yourtableid. Будьте осторожны с вашими селекторами, поскольку он уничтожит любой html в селекторе, который вы пройдете!

Ответ 6

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

Это приведет к удалению всех tr, имеющих td в качестве дочернего. т.е. все строки, кроме заголовка, будут удалены.

Ответ 7

Это удалит все строки, принадлежащие телу, тем самым сохраняя заголовки и тело без изменений:

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

Ответ 8

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

Ответ 9

Наличие таблицы, подобной этой (с заголовком и телом)

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

удалите каждый tr, имеющий родителя, называемый tbody внутри #tableId

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

и наоборот, если вы хотите добавить в таблицу

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

Ответ 10

<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();