从另一个表格中获取表格单元格数据并将副本放置在另一个表格中

Question

两部分问题： 我有两个表：一个表是项目，另一个是单击“添加”按钮时所选项目将被复制到的表。之后，当所有想要的项目都被选中时，会有一个“完成”按钮，它将把选中的项目发布到数据库中。

我从 Javascript 开始，但并没有走多远，因为 jQuery 似乎更适合但我不太熟悉它

 function addto()
 {
var div = document.getElementById('fixedDiv','inside');

div.innerHTML = div.innerHTML + 'Item Added';

 }

<div id='fixedDiv'> 

<table align="center" id="tradee">
    <th rowspan="2"> Other Item</th>


    <?php while($rowi =$item->fetch_assoc())
    {?>

    <tr>
    <td>
        <?php echo $rowi['item_name']; ?>
    </td>
    <td><?php echo $rowi['item_description'];?></td>

    </tr>
    <?php } ?>
</table>

    <br>
        <table align="center" id="tradeTable">
        <th>Cat_id</th>
        <th>Name</th>
        <th>Description</th>
    <?php while($row =$item_results->fetch_assoc())
    {?>

    <tr>
    <td><?php echo $cat_id = $row['cat_id']; ?> </td>

        <td name="item_name"><?php echo $item_id = $row['item_name'];?></td>

        <td><?php echo $item_descrip = $row['item_description'];?></td>

        <td><input name ="submit" type="button" class="added" onclick="addto()" 
        value="Add" >
        </td>

        </tr>
    <?php } ?>

    </table>

Answer 1

我不知道你想做什么，但我希望它有点帮助：

这里是对你的 html 和 jQuery 进行一些 修改的小提琴： http://jsfiddle.net/4FArt/5/

function addto(obj)
{
    var $row = $(obj).parents("tr");
    var $table = $("#tradee");
    var item_name = $row.find(".item-name").text();
    var item_desc = $row.find(".item-desc").text();

    var newTR = $("<tr><td>"+item_name+"</td><td>"+item_desc+"</td></tr>");
    $table.append(newTR);

}

您还应该检查您的 HTML 标记，TD 没有 name 属性，而且 <TH> 也被 <TR> 包裹...但也许它只是为了展示，您已经知道了那:)