Jquery动态剔除

Jquery动态删除

<script src="JS/jquery-1.4.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        jQuery(document).ready(function () {
            jQuery("#Button1").click(function () {
                var i = 0;
                i++;
                var table = jQuery("<table></table>");
                var tr1 = jQuery("<tr>"
                                + "<td><input id='checkbox" + i + "' type='checkbox' name='checkbox' /></td>"
                                + "<td>工具名：</td>"
                                + "<td><select id='Select1" + i + "'><option></option></select></td>"
                                + "<td>已借出：</td>"
                                + "<td><span id='desc" + i + "'>1000</span></td>"
                            + "</tr>");

                var tr2 = jQuery("<tr>"
                                + "<td></td>"
                                + "<td>现存：</td>"
                                + "<td><span id='span" + i + "'></td>"
                                + "<td>需求数量：</td>"
                                + "<td><input type='text' id='text" + i + "' /></td>"
                            + "</tr>"); 
 

                table.append(tr1);
                table.append(tr2);
                jQuery(table).appendTo("p");
            });


            jQuery("#Button4").click(function () {
                var item = document.getElementsByName("checkbox");
                alert("checkbox"+item.length);
                for (var i = 0; i < item.length; i++) {
                        if (item[i].checked == true) {
                            jQuery(item[i]).parent().parent().parent().remove();
                        }
                    }
            });
        });
    
    </script>

现在这段代码 动态生成了一个表 ，当我们选中的时候可以删除我们选中的 ，问题来了，单选没有问题 可是多选删除，就删除不干净，我看来看去不知道问题出在哪里
[解决办法]
for (var i = 0; i < item.length; i++)
改为
for (var i = item.length-1; i >=0; i--)

查看更多 下一篇