问将元素移动到新的div -不使用其新的css属性。

EN

所以，我有一个元素，它有一些“预先存在的”行为。因此，我发现仅仅按某些新需求的要求移动它就可以保留现有的行为=好。但问题是，当我移动元素时，我需要给它“新样式”。

所以，如果我有这样的东西

<div id="existingStructure">
    <div id="legacyElement"></div>
</div>

现在，这两个都有预先存在的样式。我可以重新整理这些样式等等。但我改变不了他们。样式被附加到“id”，而不是类定义。我相信如果需要的话我可以改变这一点。

现在，当某个“新div”发生某些事情时，我需要移动"legacyElement“。我只是

jQuery('#newStructure').append('#legacyElement');

<div id="newStructure">
    <div id="legacyElement"></div>
</div>

不幸的是，我在newStructure上的风格似乎并不适用于*legacyElement，“当它被动态移到这里时。

我正在考虑将所有样式移动到一个类中，而不是与it相关联，并且当我移动它时。我只是jQuery().addClass / jQuery().removeClass等等.

有没有一种更好/更简单、更健壮的方法，可以让legacyElement在existingStructure下释放其样式，然后在移到"newStructure“时获得新的样式等等。反之亦然。那个元素"legacyElement“会来回敲击。因此，我需要它在每个父div下的样式，因为它去那里。

所以当一个动作出现在页面上时，我把它移回来：

jQuery('#existingStructure').append('#legacyElement');

如果我不够简洁，请告诉我。

现有样式位于外部CSS文件中，如下所示。

#existingStructure {
   // bunch of css
 }

#existingStructure .item1 input[type="text"] {
   // bunch of css
}

 #legacyElement{
   // bunch of css
  }

新的样式也是一样的，除了“附加样式”可能会被应用。

#newStructure {
   // bunch of css
 }

#newStructure .item1 input[type="text"] {
   // bunch of css
}