it-swarm-ru.tech

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

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

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

HTML:

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

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

59
Rick

jQuery:

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

HTML:

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

Работает для меня 
http://jsfiddle.net/mbsh3/

98
Marko

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

$("#tableId > tbody").html("");
44
Maxi Gis
        <table id="table_id" class="table table-hover">
          <thead>
            <tr>
             ...
             ...
            </tr>
          </thead>
        </table>

используйте эту команду, чтобы очистить тело этой таблицы: $("#table_id tbody").empty()

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

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

2
taotao.li

Пример удаления заголовка таблицы или тела таблицы с помощью 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>

2
NuOne T Attygalle

вы можете использовать функцию remove() из приведенного ниже примера .__ и снова построить таблицу с заголовком таблицы и телом таблицы

$("#table_id  thead").remove();
$("#table_id  tbody").remove();
1
Santosh Jadhav

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

$ ( '# Таблица1') находим ( "TR: GT (0)").. Удалить ();

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

$ ('# table1 tr'). eq (1) .remove ();

или же

$ ( '# Тр: п-й ребенок (2)') удалить ();.

0
Willie Cheng