Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 选择动态创建表的突出显示行onclick event_Javascript_Html - Fatal编程技术网

Javascript 选择动态创建表的突出显示行onclick event

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

我创建了一个网页,根据数据长度生成动态表。现在我想获取表的选定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')
});
函数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.
另一张桌子

这适用于获取完整的行,但我需要单元格数据,我已经更新了问题。