如何在行单击时使用jquery获取表单元格值并将该值显示给另一个表？

问题描述

我想构建一个视图，该视图从html表获取值并将该值显示给另一个表。我已经搜索了如何做，但是还没有找到它。我找到了很多方法，但是只是获得了价值。我是jquery的新手，不知道该怎么做。请帮我。谢谢

解决方法

$('#sourceTable tr').click(function() {
    $(this).clone().appendTo($('#destTable'));
});

td {
    border: 1px solid black;
    padding: 5px;
}

td:hover {
    cursor: pointer;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<table id="sourceTable">
    <tr>
        <th>Source Table</th>
    </tr>
    <tr>
        <td>Row 1</td>
    </tr>
    <tr>
        <td>Row 2</td>
    </tr>
    <tr>
        <td>Row 3</td>
    </tr>
</table>

<table id="destTable">
    <tr>
        <th>Dest Table</th>
    </tr>
</table>