Javascript 当元素位于变量内部时，如何修改元素的某些部分

最初的div相当大，所以这里基本上是一个精简版本。我有一个div，每次按下一个按钮，我都会将它克隆到另一个div中

<div id="demo_variation">
    <div>
        <h4 class="panel-title">
           <span class="title">Product Variation</span>
        </h4>
    </div>
</div>

<div id="all_variations">

</div>

但出于某种原因，这不起作用。我做错了吗？？？

你可以这样使用

clone（）

：

var计数=0；
$（'button'）。在（'click'，function（）上{
var cont=$（'demo_variation'）.clone（）.prop（'id'，'new'+count）；
$（“#所有#变体”）。追加（续）；
$（'#all_variations.title'）.last（）.text（'New title'+count）
计数++；
})

产品变异
追加新的

如其他人所述，您需要使用

.clone（）

克隆div，然后更改克隆对象的属性

$（“按钮”）。单击（函数（）{
var cloneObj=$（“#demo_variation”）.clone（）；
$（cloneObj）.attr（“id”，“产品变量1”）；
$（cloneObj）.find（“span.title”）.text（“产品变体1”）；
$（“body”）.append（$（cloneObj）[0].outerHTML）；
});

产品变异
克隆
为什么不使用
.clone（）
？我也没有看到
newvariance.find（“#demo_variance”）
工作。
html（）
返回字符串。从
var newvariance=$（'#demo_variance'）.clone（）开始取而代之。谢谢各位，我以前确实尝试过克隆，但我认为它不起作用。原来我是在克隆一个隐藏的div:）
var newVariation = $('#demo_variation').html();
newVariation.find('#demo_variation').attr('id', 'product_variation_1');
newVariation.find('.title').text('Product Variation 1');