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

Question

如果我克隆一个元素，那么如果我想自定义该元素（通过replace(YOURCOLUMN, '_', '/')），如何自定义克隆的元素？

我尝试了什么：

id

CSS

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

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

JS

#A{
  width: 100px;
  height: 100px;
  background: #000;
}

这是jsfiddle：https://jsfiddle.net/t90ptkcz/1/

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

Answer 1

ID # selector从DOM中找到唯一的单个元素，尽管DOM中存在多个具有相同ID的元素，但class . selector用于获取具有相同类名的元素组

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

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

JS

 $('#A').clone(true).appendTo('#box');
 $('.someClass').css('background','#ff0000'); 

Answer 2

我更喜欢@shu的答案，但是我不确定在哪种情况下这可能会有所帮助，通过两种方法实现jQuery插件可以实现你想要的目标：

• $.fn.cloneAndRemember - 将克隆元素并将源元素及其克隆（或克隆）存储到字典中
• $.fn.withClones - 将为您提供一个jQuery对象集合，其中包含所选元素及其所有克隆（从字典中检索）

用例将如下所示：

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