쿼리, 삭제 / 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("");

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>

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

이렇게 하면 헤더가 제거되지 않고 테이블 본문만 삭제됩니다.

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

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

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

이것이 당신에게 도움이 되길 바랍니다.

당신은 사용할 수 있습니다.remove()아래 예제의 기능과 테이블 헤드 및 테이블 본체를 사용하여 테이블을 다시 빌드합니다.

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

미사용 ID (<tbody id="tbodyid">), 이것은 이 문제에 대처하는 훌륭한 방법입니다.

$('#table1'. "tr:gt(0)"을(를) 찾습니다.()를 제거합니다.

PS: 다음 예와 같이 특정 행 번호를 제거하려면 다음과 같이 하십시오.

$('#table1 tr').①(1).제거②;

아니면

$'#tr:nth-child(2)'를 제거합니다.

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