obteniendo un estilo de elemento para la clonación de pseudo en jQuery

el problema

Imagine que tiene un elemento SPAN que contiene texto y desea crear una entrada de texto que coincida con su apariencia. ¿Cómo se replica los estilos entre estos elementos usando jQuery?

enfoques existentes

un método es enumerar manualmente todas las propiedades CSS posibles y recuperar sus valores utilizando el método CSS de JQuery. Sin embargo, este enfoque lleva mucho tiempo y es propenso a errores debido a la gran cantidad de estilos disponibles.

una solución completa

que introduce el complemento jquery.getSyleObject, una herramienta integral que recupera todos los posibles estilos calculados para un elemento. Este complemento elimina la necesidad de enumerar las propiedades manualmente y garantiza la compatibilidad con todos los navegadores, incluidos los navegadores heredados como es decir.

implementación

para usar el complemento, simplemente llame a getStyleObject en el elemento deseado:

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

Esto devolverá un objeto que contenga todos los estilos calculados como pares de valor clave. You can then apply these styles to another element:

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

Benefits

Complete and Browser Compatible:

jquery.getStyleObject provides a complete list of styles in all navegadores, asegurando la compatibilidad de un navegador cruzado.

extensibilidad:

Si es necesario, puede agregar estilos adicionales al complemento modificando el archivo js del complemento.

$ (& quot;#Original & quot;). Clone () .padre() .AppendTo () .css ($ (& quot;#original & quot;). getStyleObject ());