希望您度过愉快的一天,我有以下代码根据数据库查询结果动态生成表,基本上是产品列表:
$(".outer_div").append(
'<div class="table-responsive"><table id= "r_table" class = "table table-checkable dataTable no-footer "></table></div class="table-responsive">'
);
let table = $("#r_table");
let secRow = $(document.createElement("tr"));
for (let i = 0; i < 5; i++) {
if (i == 0) {
let cellHead = $(document.createElement("th"));
secRow.append(cellHead.text("Código"));
table.append(secRow);
} else if (i == 1) {
let cellHead = $(document.createElement("th"));
secRow.append(cellHead.text("Proveedor"));
table.append(secRow);
} else if (i == 2) {
let cellHead = $(document.createElement("th"));
secRow.append(cellHead.text("Producto"));
table.append(secRow);
} else if (i == 3) {
let cellHead = $(document.createElement("th"));
secRow.append(cellHead.text("Precio"));
table.append(secRow);
} else if (i == 4) {
let cellHead = $(document.createElement("th"));
secRow.append(cellHead.text("Acciones"));
table.append(secRow);
}
}
$.each(datos, (index, value) => {
let row = $(document.createElement("tr")).attr(
"id",
value["id"] + "row"
);
let secRow = $(document.createElement("tr"));
for (let prop in value) {
let cell = $(document.createElement("td")).attr(
"id",
value["id"] + "menu"
);
$("th").css("background-color", "#1bc5bd");
cell.text(value[prop]);
row.append(cell);
}
row.append(
//Boton de agregar
'<td><center><button onclick="cloneRow(\"'+'1row'+'\")" class="envio btn btn-link-success"><i class="glyphicon glyphicon-plus"></i></button></center></td>'
);
table.append(row);
});
但是我想实现这一点,当我单击操作列中的每一行中的按钮时,请复制整行的数据并将其保存到必须以另一种形式生成的另一个表中然后通过ajax将其发送到另一部分。
这里,我保留了通过按钮动态生成的表的图像
这就是通过单击特定行的按钮来指定有问题的行的表
<table id="results"></table>
我建议将此question视为可能相关。它使用jQuery从表中获取特定值,当然要记住,索引以0开头。将值更改为更唯一的值,并查看其工作原理!
您可以将用于克隆的事件处理程序直接附加到表。像这样: