Obtendo estilo de elemento para clonagem pseudo em jQuery

o problema

imagine que você tem um elemento de span contendo texto e deseja criar uma entrada de texto que corresponda à sua aparência. Como você replica os estilos entre esses elementos usando o jQuery?

abordagens existentes

Um método é listar manualmente todas as propriedades CSS possíveis e recuperar seus valores usando o método CSS da JQuery. No entanto, essa abordagem é demorada e propensa a erros devido ao vasto número de estilos disponíveis. Este plug -in elimina a necessidade de listar manualmente as propriedades e garante compatibilidade com todos os navegadores, incluindo navegadores herdados como o IE. $ ("#elemento"). getStyleObject ();

Isso retornará um objeto que contém todos os estilos computados como pares de valor-chave. You can then apply these styles to another element:

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

Benefits

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

jquery.getStyleObject provides a complete list of styles in all browsers, Garantir compatibilidade entre navegadores. Styles:

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