javascript - Div 预览如缩略图

Question

我希望我网站上的用户能够看到 div 的实时预览。例如，有一个大 div，用户可以自由地进行任何更改。我希望用户在同一页面上看到同一 div 的小缩略图。

我尝试使用 jquery 的克隆方法，如下 -

$('.big').clone(true).addClass('small').appendTo("#show");

我正在尝试使用 big 类克隆 div，并使用 CSS 使其看起来像缩略图。虽然它有效，但它重复了具有相同 id 的内部 div，这影响了我网站的功能。

我想知道 Jquery/Javascript 中是否有更好的方法来创建 div 预览？

Answer 1

一种解决方案是更改克隆的 id，例如“克隆”或任何合适的名称。

$('.big').clone(true).attr('id', 'clone').addClass('small').appendTo("#show");