开发者社区> 问答> 正文

为什么点击删除无法删除选定的一行

<table>
  <tr>
    <th>选项</th>
    <th>编号</th>
    <th>封面</th>
    <th>购书人</th>
    <th>性别</th>
    <th>购书价</th>
  </tr>
  <tr id='0'>
    <td><input id='checkbox1' type='checkbox' value="0"/></td>
    <td>1001</td>
    <td><img src="../图片/1.jpg" alt="" width="80" height="100" /></td>
    <td>李小明</td>
    <td>男</td>
    <td>35.6元</td>
  </tr>
  <tr id='1'>
    <td><input id='checkbox2' type="checkbox" value="1"/></td>
    <td>1002</td>
    <td><img src="../图片/2.jpg" alt="" width="80" height="100" /></td>
    <td>刘明明</td>
    <td>女</td>
    <td>37.8元</td>
  </tr>
  <tr id="2">
    <td><input id="checkbox3" type="checkbox" value="2"/></td>
    <td>1003</td>
    <td><img src="../图片/3.jpg" alt="" width="80" height="100" /></td>
    <td>张小星</td>
    <td>女</td>
    <td>45.6元</td>
  </tr>
</table>
<table>
  <tr>
    <td style="text-align:left; height:28px">
    <span><input id="chkAll" type="checkbox" value="全选" />全选</span>
    </td>
    <span><td><input id="btnDel" type="button"  value="删除"/></td></span>
  </tr>
</table>

<script>

$('#btnDel').click(function(){
        var iLength=$('table tr td input:checked:not("#chkAll")').length;
        if(iLength!=0)
        {
            $('table tr td input[type=checkbox]:not("#chkAll")').each(function(index)
            {
                if(this.checked)
                {
                    $('table tr[id=index]').remove();
                }
            });
        }
        });

</script>

展开
收起
a123456678 2016-07-13 16:41:14 1861 0
1 条回答
写回答
取消 提交回答
  • $('table tr[id=index]').remove();这样不对,$('table tr[id='+index+']').remove();

    2019-07-17 19:55:47
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载