3

私は html ページを作成しており、ある div から別の div に動的に html コードを追加する必要があります。

これは私の最初のdivです:

<div id="placeHolder" style="display:none">
    <div id="1">....</div>
    <div id="2">....</div>  
    <div id="3">....</div>      
</div>

そして、ID 1、2、および 3 の div を別の div(#mainDiv) に追加したいのですが、一度にすべてではありません。

jquery で部分的な HTML コードを追加する方法はありますか? append という関数があることは知っていますが、このタイプの機会に適しているかどうかはわかりません..

ありがとう

4

6 に答える 6

0

HTMLタラを一度に1つずつ追加することで、それが意味するものかどうかはわかりません...

HTML コードを追加する新しい div があるとします。

<div id="placeHolder" style="display:none">
    <div id="1">....</div>
    <div id="2">....</div>  
    <div id="3">....</div>      
</div>

<div class="result"></div>

あなたはこれを行うことができます：

$(document).ready(function (){
  $('#placeHolder').children().each(function (){
    $('.result').append(this);
    // do some other things
  });
});

children() を使用してターゲット div 内のすべての子 div を抽出し、each() を使用してそれらを読み書きします。

http://jsfiddle.net/nvQG8/1/

于 2013-05-27T15:40:56.733 に答える