jquery, 지우기 / 비우기 tbody 요소의 모든 내용?

jquery, 지우기 / 비우기 tbody 요소의 모든 내용?

---

나는 이것이 다소 간단하다고 생각했지만 빈 방법이 내가 가진 tbody를 지우는 데 효과가없는 것 같습니다. 누군가가 이것을 수행하는 적절한 방법을 알고 있다면 감사하겠습니다. 나는 tbody에 포함 된 모든 것을 삭제하고 싶습니다. 지금까지 노력하고 있습니다.

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

HTML :

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

참고 :이 작업을 다른 사람이 작성한 플러그인과 통합하여 프로젝트에 사용하려고합니다. 새로운 <tr><td>new data</td></tr>서버 측을 생성 하고 있으며 기존 테이블 행을 지우고 AJAX 콜백에서 대체 할 수 있기를 원합니다.

---

jQuery :

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

HTML :

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

나를 위해 작동
http://jsfiddle.net/mbsh3/

---

이미 이것을 발견했지만 누군가 가이 문제를 겪고 있습니다.

$("#tableId > tbody").html("");

---

        <table id="table_id" class="table table-hover">
          <thead>
            <tr>
             ...
             ...
            </tr>
          </thead>
        </table>

이 명령을 사용하여 해당 테이블의 본문을 지 웁니다. $("#table_id tbody").empty()

jquery를 사용하여 테이블 내용을 동적으로로드하고 새로 고침을 수행 할 때이 명령을 사용하여 본문을 지 웁니다.

도움이 되었기를 바랍니다.

---

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>

---

remove()아래 예제 의 기능을 사용하여 테이블 헤드와 테이블 본문으로 다시 테이블을 만들 수 있습니다.

$("#table_id  thead").remove();
$("#table_id  tbody").remove();

---

ID ( <tbody id="tbodyid">)를 사용하지 않으면 이 문제에 대처할 수있는 좋은 방법입니다.

$ ( '# table1'). find ( "tr : gt (0)"). remove ();

추신 : 다음 예와 같이 특정 행 번호를 제거하려면

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

또는

$ ( '# tr : nth-child (2)'). remove ();

참고 URL : https://stackoverflow.com/questions/4982846/jquery-clear-empty-all-contents-of-tbody-element