表格的增加，删除，和全选。_html/css

")

$("table").append($newPro);
});
});

</script>

<body>

姓名	性别	卡号	会员级别	电话号码	出生年月日	消费金额
张三	男	6565654315321321	短工	18625455412	1995-12-09	10,000.00
张三	男	6565654315321321	短工	18625455412	1995-12-09	10,000.00
张三	男	6565654315321321	短工	18625455412	1995-12-09	10,000.00

新增

大神们帮帮忙吧！
怎么样1.当选中一行时，点击删除才删除。
2.当我选中姓名前面的复选框时，则选中全部的复选框。
3.为什么当我用 var $newPro=$("tr.ll"）.html()；添加时，一直会向左边添加。

回复讨论(解决方案)

<style type="text/css" >*{font-size:12px;}tr{text-align:center;height:40px;}</style><script type="text/javascript"> $(function(){         //全选 $("#allselect").click(function(){ $("table :checkbox").prop("checked",$(this).prop("checked")); });  //删除数据 $("table").on("click",".del",function(){ $("table :checkbox:checked").closest("tr").remove(); }); //新添数据 $(".newone").click(function(){ //创建一个新的节点 var $newPro=$("刘家义男6565654315321321钻石155759380431997-4-26 100000 ")  $("table").append($newPro); }); });</script><body>          姓名     性别     卡号     会员级别     电话号码     出生年月日     消费金额        
          张三     男     6565654315321321     短工     18625455412     1995-12-09     10,000.00         	              
          张三     男     6565654315321321     短工     18625455412     1995-12-09     10,000.00         	              
            张三     男     6565654315321321     短工     18625455412     1995-12-09     10,000.00         	              
新增