table表格隔行变色

最新推荐文章于 2025-05-27 16:47:45 发布

原创最新推荐文章于 2025-05-27 16:47:45 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

动态添加table表格

var name= $("#name").val();

var sex=$("#sex").val();
var sr=$("#sr").val();
var province=$("#province").find("option:selected").text();
var city=$("#city").find("option:selected").text();

var tr=$("<tr>");

var td=$("<td><input type='checkbox'/></td>");
var td1=$("<td>").html(name);
var td2=$("<td>").html(sex);
var td3=$("<td>").html(sr);
var td4=$("<td>").html(province+"-"+city);
var td5=$("<td><button>Delete</button></td>");
tr.append(td);
tr.append(td1);
tr.append(td2);
tr.append(td3);
tr.append(td4);
tr.append(td5);

$("tbody").append(tr);

********************隔行变色代码*******************************************

$("tbody tr:odd").css("background-color","darkgray");
$("tbody tr:even").css("background-color","lightgray");