使用jQuery动态获取表格行以及获取表格当中的数据

HTML部分

	第一列	第二列

CSS部分

table {
border-collapse:collapse;
}
table,td,th {
border:1px solid black;
}

JS部分

function addTr(table, row, trHtml) {
//获取table最后一行 $("#table tr:last")
//获取table第一行 $("#table tr").eq(0)
//获取table倒数第二行 $("#tab tr").eq(-2)
var $tr = KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲" + table + " t…tr.size() == 0) {
alert(“指定的table id或行数不存在！”);
return;
}
$tr.after(trHtml);
}

function delTr(ckb) {
//获取选中的复选框，然后循环遍历删除
var ckbs = $(“input[name=” + ckb + “]:checked”);
if (ckbs.size() == 0) {
alert(“要删除指定行，需选中要删除的行！”);
return;
}
ckbs.each(function() {
$(this).parent().parent().remove();
});
}

/**

• 全选
• allCkb 全选复选框的id
• items 复选框的name
  */
  function allCheck(allCkb, items) {
  $("#" + allCkb).click(function() {
  $(’[name=’ + items + ‘]:checkbox’).attr(“checked”, this.checked);
  });
  }

添加一行、删除一行测试方法///
$(function() {
//全选
allCheck(“allCkb”, “ckb”);
});

function addTr2(table, row) {
var trHtml = “";
addTr(table, row, trHtml);
}

function delTr2() {
delTr(‘ckb’);
}
//获取表格数据 ******************************************

function getTableData() {
var arr = new Array();
var trList = $("#tbody").children(“tr”);
for (var i = 0; i < trList.length; i++) {
var json = {};
var tdArr = trList.eq(i).find(“td”);
json.roiName = tdArr.eq(1).text();
json.roiInfo = tdArr.eq(2).text();
if (json.roiName == “” || json.roiInfo == “”) {
alert(“预期ROI信息不能为空”);
return;
} else {
arr.push(json);
}
alert(“第” + (i + 1) + “行第一列的值：” + json.roiName + “; 第” + (i + 1) + “行第二列的值：” + json.roiInfo);
}
return arr;
}