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 回答