1

同じページ内のページ読み込み時にこれを実行しようとしています:

CSS:

#item1, #item2, #item3 {visibility: hidden;}

HTML (これらは表示されません)

<div id="item1">Something1</div> 
<div id="item2">Something2</div>
<div id="item3">Something3</div>

これらの div は通常は空ですが、ページが読み込まれると、上記の div の内容に基づいてデータが入力されます。

<div id="real-content">
    <div id="duplicate-item1">Something1</div>
    <div id="duplicate-item2">Something2</div>
    <div id="duplicate-item3">Something3</div>
</div>

何か案は？

更新: .clone() を試すかもしれませんが、以下に投稿したコードも調べます。前もって感謝します..

.clone() が解決策であることがわかりました..

$('.hello').clone().appendTo('.goodbye');

どうすれば .above をよりグローバルに変えることができますか? 複製が必要な 20 個の div があるとしますか?

4

2 に答える 2

3 
$("#real-content").find("div").each(function(){
   var ID = $(this).attr("id").split("-");
   $(this).html($("#"+ID[1]).html());
});
于 2013-01-16T06:43:38.270 に答える
3 
$('#idContainerWithHiddenDivs div').each(function(){
    var idToCopy = $(this).attr('id');
    vat newID = 'duplicate-'+idToCopy;
    var $newDiv = $(this).clone().attr('id', newID);
    $('#real-content').append($newDiv);
});

私はそれを行う良い方法だと思います。

簡単な例: http://jsfiddle.net/TQdrH/6/修正されたフィドラー、最後のものは機能していませんでした。

または、これを使用することもできます: http://jsfiddle.net/TQdrH/11/または、最後のコメントの後にhttp://jsfiddle.net/TQdrH/14/を試してください。

于 2013-01-16T06:44:19.737 に答える