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

Question

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

У меня есть HTML-таблицы заполнено несколькими строками.

Как я могу удалить все строки из таблицы?

644 10

jQuery html-table

10 ответов:

Comments

Ничего не найдено.

rahul · Accepted Answer · 2010-04-12 09:15:46

использовать .удалить()
$("#yourtableid tr").remove();
Если вы хотите сохранить данные для использования в будущем, даже после его удаления, то вы можете использовать .отсоединить()
$("#yourtableid tr").detach();
Если строки являются дочерними элементами таблицы, то вы можете использовать дочерний селектор вместо селектора потомков, например
$("#yourtableid > tr").remove();

HoffZ · Accepted Answer · 2018-09-22 16:08:51

Если вы хотите очистить данные, но сохранить заголовки:
$('#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>

nickf · Accepted Answer · 2010-04-12 09:19:19

немного быстрее, чем удаление каждого по отдельности:
$('#myTable').empty()
технически, это будет удалить thead,tfoot и tbody элементы тоже.

Bumptious Q Bangwhistle · Accepted Answer · 2012-03-12 22:11:17

Мне нужно вот что:
$('#myTable tbody > tr').remove();
Он удаляет все строки, кроме заголовка.

KevinDeus · Accepted Answer · 2012-08-11 01:30:59

ядерный вариант:
$("#yourtableid").html("");
уничтожает все, что находится внутри #yourtableid. Будьте осторожны с вашими селекторами, так как это уничтожит любой html в селекторе вы проходите!

Mrinmoy Sen · Accepted Answer · 2013-10-20 13:06:17

$("#employeeTable td").parent().remove();
это удалит все tr С td как ребенок. то есть все строки, кроме заголовка, будут удалены.

James Cooke · Accepted Answer · 2017-09-18 22:23:46

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

$("#tableLoanInfos tbody tr").удалить();

saidesh kilaru · Accepted Answer · 2013-10-11 13:30:24

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

0

2013-10-11 13:30:24

hichamkazan · Accepted Answer · 2017-05-23 15:17:02

имея такую таблицу (с заголовком и телом)
<table id="myTableId">
    <thead>
    </thead>
    <tbody>
   </tbody>
</table>
удалите каждый tr, имеющий родителя с именем tbody внутри #tableId
$('#tableId tbody > tr').remove();
и наоборот, если вы хотите добавить в свою таблицу
$('#tableId tbody').append("<tr><td></td>....</tr>");

miragessee · Accepted Answer · 2017-07-01 20:11:48

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