jquery删除当前行并重置其他行编号;eq()

来源:互联网 发布:画册在线设计软件 编辑:程序博客网 时间:2024/05/16 19:56

    <script type="text/javascript">
        $(function () {
            $('input[name=btnDel]').click(function () {
                var trNode = $(this).parent().parent();
                $($(this).parent().parent().nextAll("tr")).each(function () {
                    var a = $(this).find("td").eq(0).text();
                    $(this).find("td").eq(1).text(a - 1);
                    $(this).find("td").eq(0).text(a - 1);
                });
                trNode.remove();
            });
        });
    </script>

    <table>
        <tr>
            <td>1</td><td>1</td><td>a</td><td>a</td><td>a</td><td>a</td><td><input id="btn1" name="btnDel" type="button" value="删除" /></td>
        </tr>
        <tr>
            <td>2</td><td>2</td><td>b</td><td>b</td><td>b</td><td>b</td><td><input id="btn2" name="btnDel" type="button" value="删除"/></td>
        </tr>
        <tr>
            <td>3</td><td>3</td><td>c</td><td>c</td><td>c</td><td>c</td><td><input id="btn3" name="btnDel" type="button" value="删除"/></td>
        </tr>
        <tr>
            <td>4</td><td>4</td><td>d</td><td>d</td><td>d</td><td>d</td><td><input id="btn4" name="btnDel" type="button" value="删除"/></td>
        </tr>
    </table>

 

PS:eq(1):选择第二个 <p> 元素(参考:http://www.w3school.com.cn/tiy/t.asp?f=jquery_selector_eq)

原文出处:http://blog.csdn.net/wym3587/article/details/12061171

0 0
原创粉丝点击