js 选中表格一行指定单元格 单击按钮 插入到另一表格

Posted 2023-05-01

<table width="200" border="1">
<tr>
<td><input type="checkbox" name="t1" id="t1" /> </td>
<td>2222</td>
<td>12</td>
<td>13</td>
</tr>
<tr>
<td><input type="checkbox" name="t2" id="t2" /></td>
<td>21</td>
<td>22</td>
<td>23</td>
</tr>
<tr>
<td><input type="checkbox" name="t3" id="t3" /></td>
<td>31</td>
<td>32</td>
<td>33</td>
</tr>
<tr>
<td><input type="checkbox" name="t4" id="t4" /></td>
<td>41</td>
<td>42</td>
<td>43</td>
</tr>
<tr>
<td><input type="checkbox" name="t5" id="t5" /></td>
<td>51</td>
<td>52</td>
<td>53</td>
</tr>
<tr>
<td><input type="checkbox" name="t6" id="t6" /></td>
<td>51</td>
<td>52</td>
<td>53</td>
</tr>
<tr>
<td><input type="checkbox" name="t7" id="t7" /></td>
<td>51</td>
<td>52</td>
<td>53</td>
</tr>
</table>

<button onclick="f2()">添加</button>

<table width="200" border="1" id="table2">
<tr>
<td>bb</td>
<td>cc</td>
</tr>
</table>
我只要第一个表格选中行的第二列和第四列的值 插入到第二个表格中
<script>
function f2()
var table2 = document.getElementById("table2");
for(var i=1;i<=1000;i++)
try
var kk = eval("t"+i);
if(kk.checked)
var adtr = table2.insertRow();
for(var j=0;j<2;j++)
var adtd = adtr.insertCell(j);

//var $td = $(thisObj).parents('tr').children('td');
//alert($td.eq(1).text());

//adtd.innerhtml="John"
adtd.innerText = kk.parentNode.parentNode.childNodes[j+3].innerText;

//adtd.innerText = kk.parentNode.parentNode.childNodes[j+2].innerText;



catch(e)


</script>

这是js

插入到第二个表格的哪里呢？jquery中筛选元素不需要写for循环 直接用each就好了例如:$("table:eq(0) tr").each(function()//todo); 参考技术A 为什么没人回答呢，我还想看看呢。
说实话你的代码我都没看，哈哈

js 选中表格一行指定单元格 单击按钮 插入到另一表格
这个问题你可以尝试去CSDN，我貌似看到过

如何将按钮插入 HTML 表格单元格

【中文标题】如何将按钮插入 HTML 表格单元格

【英文标题】：How to Insert a Button into a HTML Table Cell

【发布时间】：2020-02-04 05:26:28

【问题描述】：

我正在使用 DOM 创建一个表。我想为每一行插入一个“删除”按钮。我所尝试的会删除我的整个表。在哪里创建按钮元素？

    function MakeTable(iArray)
   
          var myArray = [];
           var table = document.getElementById("myTable");
          var button = document.createElement("button");

    for(var i = 0; i< iArray.length; ++i)
    
        myArray[i] = iArray[i];
        let row0 = table.insertRow();
        let blankCell = row0.insertCell(0)
        let cell0 = row0.insertCell(1);
        let cell1 = row0.insertCell(2);
        let cell2 = row0.insertCell(3);
        blankCell.createElement("button"); 
        cell0.textContent = myArray[i].userID;
        cell1.textContent = myArray[i].username;
        cell2.textContent = myArray[i].password;
    

document.getElementById("myTable").appendChild(table);

【问题讨论】：

document.getElementById("myTable").appendChild(table);?您是否尝试将表附加到自身？我没有看到任何试图删除您代码中的内容的内容。展示你的尝试。

【参考方案1】：

如果我正确理解您的问题，这将为您提供一个工作示例

<table id="myTable">

</table>

<script>
    let tr = document.createElement("TR");
    let td1 = document.createElement("TD");
    let td2 = document.createElement("TD");
    let td = document.createElement("TD");
    let button = document.createElement("BUTTON");
    let node = document.createTextNode("Button Title");

    button.appendChild(node);
    td.appendChild(button);
    tr.appendChild(td);
    tr.appendChild(td1);
    tr.appendChild(td2);

    document.getElementById("myTable").appendChild(tr);

</script>

<style>

    td 
        border: 2px solid black;
        width: 75px;
    


</style>