jQuery 테이블 비우기

Jmnote (토론 | 기여)님의 2015년 8월 6일 (목) 13:07 판 (새 문서: {{소문자}} ;jQuery 테이블 비우기 ==예시== <source lang='html5'> <script src="//code.jquery.com/jquery.min.js"></script> <script> $(function () { $('#btn-empty').click(...)
(차이) ← 이전 판 | 최신판 (차이) | 다음 판 → (차이)

jQuery 테이블 비우기

1 예시

<script src="//code.jquery.com/jquery.min.js"></script>
<script>
$(function () {
    $('#btn-empty').click( function() {
        $( '#mytable > tbody:last').empty();
        console.log('hi');
    });
});
</script>

<button id='btn-empty'>테이블 비우기</button>
<hr>

<table id="mytable" border="1" cellspacing="0">
    <tr>
        <th>컬럼1</th><th>컬럼2</th>
    </tr>
    <tbody>
        <tr><td>1</td><td>한놈</td></tr>
        <tr><td>2</td><td>두시기</td></tr>
        <tr><td>3</td><td>석삼</td></tr>
        <tr><td>4</td><td>너구리</td></tr>
        <tr><td>5</td><td>오징어</td></tr>
        <tr><td>6</td><td>육개장</td></tr>
    </tbody>
</table>

2 같이 보기

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}