[jQuery]동적으로 tr 추가, 삭제

<script type="text/javascript"> $(function() { $("#addTR").click(function () { var row = "<tr>"; row += "<td><input type='text' name='idx[]' value='' /></td>"; row += "<td><span>날 누르면 삭제가 됨</span></td>"; row += "</tr>"; $("#table").append(row); }); $("#table").on("click", "span", function() { $(this).closest("tr").remove(); }); }); </script> <button id="addTR">날 누르면 추가가 됨</button> <table id="table"> <tr> <td><input type="text" /></td> </tr> </table>

[실행하자스라]

이 글을 공유하기

댓글(0)

Designed by JB FACTORY