Javascript 如果我克隆了一个元素，当我自定义（css）该元素时，如何也自定义克隆的元素？

如果我克隆了一个元素，那么如果我想自定义该元素（通过

id

），如何自定义克隆的元素

我尝试的是：

<div id="A"> //the element that will be clone
</div>

<div id="box" style="margin-top: 50px">  //into this box
</div>

JS

这是JSFIDLE：

我希望这是可能的，你可以帮助我。非常感谢并为我的英语感到抱歉：）

ID#选择器

从DOM中查找唯一的单个元素，尽管DOM中存在具有相同ID的多个元素，但是

类。选择器

用于获取具有相同类名的元素组

<div id="A" class="someClass" > //the element that will be clone
 </div>

 <div id="box" style="margin-top: 50px">  //into this box
 </div>

ID#选择器

从DOM中查找唯一的单个元素，尽管DOM中存在多个ID相同但

类的元素。选择器

用于获取具有相同类名的元素组

<div id="A" class="someClass" > //the element that will be clone
 </div>

 <div id="box" style="margin-top: 50px">  //into this box
 </div>

---

我更喜欢@shu给出的答案，但我不确定这在哪种情况下会有帮助。通过使用两种方法实现jQuery插件，可以实现您想要的结果：

• $.fn.cloneAndRemember

  -将克隆元素并将源元素及其克隆（或多个克隆）存储到字典中

• $.fn.withClones

  -将为您提供一个jQuery对象集合，其中包括选定元素及其所有克隆（从字典中检索）

用例将如下所示：

$('#A').cloneAndRemember(true).appendTo('#box');
$('#A').withClones().css('background','#ff0000'); 

---

我更喜欢@shu给出的答案，但我不确定这在哪种情况下会有帮助。通过使用两种方法实现jQuery插件，可以实现您想要的结果：

• $.fn.cloneAndRemember

  -将克隆元素并将源元素及其克隆（或多个克隆）存储到字典中

• $.fn.withClones

  -将为您提供一个jQuery对象集合，其中包括选定元素及其所有克隆（从字典中检索）

用例将如下所示：

$('#A').cloneAndRemember(true).appendTo('#box');
$('#A').withClones().css('background','#ff0000'); 

---

更改jquery行的顺序。首先应用css，然后进行克隆。您需要更改克隆元素的

id

属性，因为id在文档中必须是唯一的。如果要将元素分组在一起，请使用jquery行的class.change顺序。首先应用css，然后进行克隆。您需要更改克隆元素的

id

属性，因为id在文档中必须是唯一的。如果要将元素分组在一起，请使用类。

$('#A').cloneAndRemember(true).appendTo('#box');
$('#A').withClones().css('background','#ff0000');