Learning/Javascript

테이블 목록 번호 재정렬하기

monique 2023. 8. 27. 15:04
    $(".del").click(function () { //삭제 버튼 클릭시
    var cnt = 0;
        $(this).parent().parent().remove(); //해당 row 삭제
        
        $("#tblBody").find("tr").each(function () {
            ++cnt;
            $(this).find(".Num").text(cnt);
        });
    });
    
 <table>
     <tbody id="tblBody">
         <tr>
         	<td><input type="button" class="del" value="delete"></td>
            <td><span class="Num">@item["RowNum"]</span></td>
        </tr>
     </tbody>
 </table>

 

728x90