表格的增加，删除，和全选。_html/css_WEB-ITnose

*{
font-size:12px;
}
tr{
text-align:center;
height:40px;
}



$(function(){
//全选

//删除数据
$(".del").click(function(){
$("tr").remove();
});
//新添数据
$(".newone").click(function(){
//创建一个新的节点
var $newPro=$(" 刘家义 男 6565654315321321 钻石 15575938043 1997-4-26 100000 ")

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









姓名
性别
卡号
会员级别
电话号码
出生年月日
消费金额




张三
男
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()；添加时，一直会向左边添加。

回复讨论(解决方案)

 *{font-size:12px;}tr{text-align:center;height:40px;}   $(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  钻石  15575938043  1997-4-26   100000       ")  $("table").append($newPro); }); });                   姓名      性别      卡号      会员级别      电话号码      出生年月日      消费金额                          张三      男      6565654315321321      短工      18625455412      1995-12-09      10,000.00          	                                 张三      男      6565654315321321      短工      18625455412      1995-12-09      10,000.00          	                                   张三      男      6565654315321321      短工      18625455412      1995-12-09      10,000.00          	                   新增 

请问，哪个添加只能这么写吗？不可以直接提取本身表格的数据吗？

请问，哪个添加只能这么写吗？不可以直接提取本身表格的数据吗？

添加功能你想怎么做？

就是用var $newPro=$("tr.ll"）.html()；
直接去获取已经存在的表格信息，但是这样获取，他会一直向左浮动。

就是用var $newPro=$("tr.ll"）.html()；
直接去获取已经存在的表格信息，但是这样获取，他会一直向左浮动。

var $newPro=" "+$("tr.ll").html()+" ";

删除不应该把第一段也删了吧

查看更多关于表格的增加，删除，和全选。_html/css_WEB-ITnose的详细内容...