Question

我面临着创建我的firstSection（div）的克隆并将其粘贴到secondSection上的问题。

<script type="text/javascript">
   $(document).ready(function(){
        $("#firstSection").clone().prependTo("#secondSection");
   });
</script>

<table width="100%" border="1">
<div id="firstSection">
    <tr>
        <td>1</td>
        <td>1</td>
        <td>1</td>
    </tr>
    <tr>
        <td>2</td>
        <td>2</td>
        <td>2</td>
    </tr>
    <tr>
        <td>3</td>
        <td>3</td>
        <td>3</td>
    </tr>
</div>

<div id="secondSection">
    <tr>
        <td>9</td>
        <td>9</td>
        <td>9</td>
    </tr>
</div>
</table>

Answer 1

首先，div中不能包含table元素（除非它们包含在td或th中，因此这可能是浏览器更正了无效标记，但是如果您使用tbody代替div，则应工作：

<table width="100%" border="1">

    <tbody id="firstSection">
        <tr>
            <td>1</td>
            <td>1</td>
            <td>1</td>
        </tr>
        <tr>
            <td>2</td>
            <td>2</td>
            <td>2</td>
        </tr>
        <tr>
            <td>3</td>
            <td>3</td>
            <td>3</td>
        </tr>
    </tbody>

    <tbody id="secondSection">
        <tr>
            <td>9</td>
            <td>9</td>
            <td>9</td>
        </tr>
    </tbody>

</table>

假设您只想复制tbody / #firstSection元素的内容，而不是创建多重嵌套元素：

$('#firstSection').clone().contents().prependTo('#secondSection');

JS Fiddle demo

div部分克隆由jquery

1 个答案: