Obtenir un style d'élément pour le pseudo clonage dans jQuery

le problème

imaginez que vous avez un élément de span contenant du texte et que vous souhaitez créer une entrée de texte qui correspond à son apparence. Comment reproduire les styles entre ces éléments à l'aide de jQuery?

Approches existantes

Une méthode consiste à énumérer manuellement toutes les propriétés CSS possibles et à récupérer leurs valeurs en utilisant la méthode CSS de JQuery. Cependant, cette approche est longue et sujette aux erreurs en raison du grand nombre de styles disponibles.

une solution complète

introduisant le plugin jQuery.getStyleObject, un outil complet qui récupère tous les styles calculés possibles pour un élément. Ce plugin élimine la nécessité de répertorier manuellement les propriétés et garantit la compatibilité avec tous les navigateurs, y compris les navigateurs hérités comme ie.

implémentation

pour utiliser le plugin, appelez simplement getSTyleObject sur l'élément souhaité:

var style = $("#element").getStyleObject();

Cela renverra un objet contenant tous les styles calculés sous forme de paires de valeurs clés. Vous pouvez ensuite appliquer ces styles à un autre élément:

$("#cloned_element").css(style);

avantages

Completer and Browser Compatible:

jquery.getStyLyleLebject. Assurer la compatibilité des navigateurs croisés. Styles:

$ (& quot; # original & quot;). Clone () .mère() .APPENDTO () .css ($ (& quot; # original & quot;). getSTyleObject ());