Jquery, очистить / очистить все содержимое элемента tbody?

Question

Jquery, очистить / очистить все содержимое элемента tbody?

Я думал, что это будет довольно просто, но кажется, что пустой метод не работает, чтобы очистить тело, которое у меня есть. Я был бы признателен, если кто-нибудь знает правильный способ сделать это, я просто хочу удалить все, что содержится в теле. Пока я пытаюсь:

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

HTML:

<table>

<tbody id="tbodyid">

<tr><td>something</td></tr>

</tbody>

</table>

примечание: Я пытаюсь сделать это, чтобы интегрировать с плагином, написанным кем-то другим, что я вынужден использовать для проекта. Я создаю новый <tr><td>new data</td></tr> на стороне сервера и хотите просто иметь возможность уничтожить существующие строки таблицы и заменить их на обратные вызовы AJAX.

708 6

jQuery javascript html

6 ответов:

Comments

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

Marko · Accepted Answer · 2018-08-15 08:05:31

jQuery:

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

HTML:

<table>
    <tbody id="tbodyid">
        <tr>
            <td>something</td>
        </tr>
    </tbody>
</table>

для меня
http://jsfiddle.net/mbsh3/

Maxi Gis · Accepted Answer · 2013-05-08 18:54:34

вы, вероятно, уже узнали об этом, но для кого-то застрял с этой проблемой:
$("#tableId > tbody").html("");

taotao.li · Accepted Answer · 2016-05-27 13:48:09

        <table id="table_id" class="table table-hover">
          <thead>
            <tr>
             ...
             ...
            </tr>
          </thead>
        </table>
используйте эту команду, чтобы очистить тело этой таблицы:$("#table_id tbody").empty()

Я использую jquery для динамической загрузки содержимого таблицы и использую эту команду для очистки тела при выполнении обновления.

надеюсь, это поможет вам.

Santosh Jadhav · Accepted Answer · 2018-06-26 17:34:16

можно использовать remove() функция примера ниже и построить таблицу снова с головой таблицы, и тело таблицы
$("#table_id  thead").remove();
$("#table_id  tbody").remove();

Willie Cheng · Accepted Answer · 2018-08-15 06:17:48

без использования ID (<tbody id="tbodyid">), Это отличный способ справиться с этой проблемой

$('#table1').найти ("tr: gt (0)").удалить();

PS: чтобы удалить определенный номер строки, как показано в следующем примере

$('#table1 tr').экв(1).удалить();

или

$('#tr:nth-child (2)').удалить();

NuOne T Attygalle · Accepted Answer · 2018-09-18 09:58:19

пример удаления заголовка таблицы или тела таблицы с помощью jquery

function removeTableHeader(){
  $('#myTableId thead').empty();
}

function removeTableBody(){
    $('#myTableId tbody').empty();
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id='myTableId'  border="1">
  <thead>
    <th>1st heading</th>
    <th>2nd heading</th>
    <th>3rd heading</th>
  </thead>  
  <tbody>
    <tr>
      <td>1st content</td>
      <td>1st content</td>
      <td>1st content</td>
    </tr>
    <tr>
      <td>2nd content</td>
      <td>2nd content</td>
      <td>2nd content</td>
    </tr>
    <tr>
      <td>3rd content</td>
      <td>3rd content</td>
      <td>3rd content</td>
    </tr>
  </tbody>
</table>
<br/>
<form>
  <input type='button' value='Remove Table Header' onclick='removeTableHeader()'/>
  <input type='button' value='Remove Table Body' onclick='removeTableBody()'/>
</form>