Javascript 选择动态创建表的突出显示行onclick event
我创建了一个网页,根据数据长度生成动态表。现在我想获取表的选定tr的值,并将其附加到另一个表中Javascript 选择动态创建表的突出显示行onclick event,javascript,html,Javascript,Html,我创建了一个网页,根据数据长度生成动态表。现在我想获取表的选定tr的值,并将其附加到另一个表中 function setItemForSale(itemForSale, type,xml) { var itemForSaleTable = document.getElementById("custorder1"); var itemForSaleTableHead = document.getElementById("head1"); var i
function setItemForSale(itemForSale, type,xml)
{
var itemForSaleTable = document.getElementById("custorder1");
var itemForSaleTableHead = document.getElementById("head1");
var itemForSaleTableBody = document.createElement("tbody");
itemForSaleTableBody.appendChild(itemForSaleTableHead);
$('#custorder1 tr').has('td').remove();
for(var i=0; i< itemForSale.length; i++)
{
var row = document.createElement("tr");
itemForSaleTable.insertRow(-1);
var obj = itemForSale[i];
var vitemno = obj["itemNo"];
var vname = obj["name"];
var valias = obj["alias"];
var vbrand = obj["brand"];
var vdescription = obj["description"];
var cell = document.createElement("td");
var cellText = document.createTextNode(vitemno);
cell.appendChild(cellText);
row.appendChild(cell);
cell = document.createElement("td");
cellText = document.createTextNode(vname);
cell.appendChild(cellText);
row.appendChild(cell);
cell = document.createElement("td");
cellText = document.createTextNode(valias);
cell.appendChild(cellText);
row.appendChild(cell);
cell = document.createElement("td");
cellText = document.createTextNode(vbrand);
cell.appendChild(cellText);
row.appendChild(cell);
cell = document.createElement("td");
cellText = document.createTextNode(vdescription);
cell.appendChild(cellText);
row.appendChild(cell);
itemForSaleTableBody.appendChild(row);
}
itemForSaleTable.appendChild(itemForSaleTableBody);
itemForSaleTable.setAttribute("border", "2");
}
$('#custorder1').on('click', 'tr', function(){
$(this).appendTo('#anotherTableId')
});
函数setItemForSale(itemForSale,类型,xml)
{
var itemForSaleTable=document.getElementById(“customorder1”);
var itemForSaleTableHead=document.getElementById(“head1”);
var itemForSaleTableBody=document.createElement(“tbody”);
itemForSaleTableBody.appendChild(itemForSaleTableHead);
$('#customorder1 tr').has('td').remove();
for(var i=0;i
//用于创建表骨架的代码
<table class="CSSTableGenerator" id="custorder1" >
<thead>
<tr id="head1">
<th>
Item No
</th>
<th>
Name
</th>
<th>
Alias
</th>
<th>
Brand
</th>
<th>
Description
</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
项目编号
名称
别名
烙印
描述
//我想选取单个单元格数据,以便使用它获取数据。如何选择选定行中的任何单元格数据,我不知道如何操作!请帮助我您可以绑定
tr
上的单击处理程序,然后使用将所选行移动到另一个表中
function setItemForSale(itemForSale, type,xml)
{
var itemForSaleTable = document.getElementById("custorder1");
var itemForSaleTableHead = document.getElementById("head1");
var itemForSaleTableBody = document.createElement("tbody");
itemForSaleTableBody.appendChild(itemForSaleTableHead);
$('#custorder1 tr').has('td').remove();
for(var i=0; i< itemForSale.length; i++)
{
var row = document.createElement("tr");
itemForSaleTable.insertRow(-1);
var obj = itemForSale[i];
var vitemno = obj["itemNo"];
var vname = obj["name"];
var valias = obj["alias"];
var vbrand = obj["brand"];
var vdescription = obj["description"];
var cell = document.createElement("td");
var cellText = document.createTextNode(vitemno);
cell.appendChild(cellText);
row.appendChild(cell);
cell = document.createElement("td");
cellText = document.createTextNode(vname);
cell.appendChild(cellText);
row.appendChild(cell);
cell = document.createElement("td");
cellText = document.createTextNode(valias);
cell.appendChild(cellText);
row.appendChild(cell);
cell = document.createElement("td");
cellText = document.createTextNode(vbrand);
cell.appendChild(cellText);
row.appendChild(cell);
cell = document.createElement("td");
cellText = document.createTextNode(vdescription);
cell.appendChild(cellText);
row.appendChild(cell);
itemForSaleTableBody.appendChild(row);
}
itemForSaleTable.appendChild(itemForSaleTableBody);
itemForSaleTable.setAttribute("border", "2");
}
$('#custorder1').on('click', 'tr', function(){
$(this).appendTo('#anotherTableId')
});
$('customorder1')。在('click','tr',function()上{
$(this).appendTo(“#另一个tableId”)
});代码>
项目编号
1.
2.
3.
另一张桌子
这适用于获取完整的行,但我需要单元格数据,我已经更新了问题。