0

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>
4

1 に答える 1

1

divまず、 内に要素を含めることはできません(またはでtable囲まれている場合を除きます。これはおそらく、ブラウザが無効なマークアップを修正した結果ですが、 の代わりに使用すると、動作するはずです:tdthtbodydiv

<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 フィドルのデモ。

于 2012-11-19T13:33:55.563 に答える