Question

我有一张桌子：

<table>
    <thead>
        <th></th>
        <th>Col 1</th>
        <th>Col 2</th>
    </thead>

    <tbody>
        <tr>
            <th>R1</th>
            <td>Data</td>
            <td>Data</td>
        </tr>
        <tr>
            <th>R2</th>
            <td>Data</td>
            <td>Data</td>
        </tr>
        <tr>
            <th>R3</th>
            <td>Data</td>
            <td>Data</td>
        </tr>
    </tbody>
</table>

我想要复制所有th及其父母（从tr到table）。预期的输出应为：

<table>
    <thead>
        <th></th>
        <th>Col 1</th>
        <th>Col 2</th>
    </thead>

    <tbody>
        <tr>
            <th>R1</th>
        </tr>
        <tr>
            <th>R2</th>
        </tr>
        <tr>
            <th>R3</th>
        </tr>
    </tbody>
</table>

正如您所看到的，我正在复制除td之外的所有内容。

我可以逐步完成此操作（先table，然后thead，依此类推）。 jQuery中有一个选择器可以在一行中做我想要的吗？

Answer 1

我会克隆整个table，然后移除所有td并将其追加到body 。

var tab = $('table').clone();
tab.find('td').remove();
tab.appendTo('body');

选中此fiddle

在jQuery中复制元素和父母？

1 个答案: