¿Cómo restablecer los elementos a su estado original, después de una cadena de manipulaciones?

Question

Después de un montón de animar, agregar clases y configurar estilos CSS. ¿Hay alguna manera fácil de restablecer un elemento para que esté nuevamente en su estado original de entrega del servidor?

Answer 1

jQuery establece sus manipulaciones utilizando el atributo style en línea, por lo que simplemente configúrelo en ''.

$('#someDiv').attr('style',''); 

Esto supone que no había línea style atributos establecidos en el elemento procedente del servidor. Mejor usar hojas de estilo si es así.

Si el elemento debe provenir del servidor con los atributos style establecidos, entonces supongo que puede almacenar en caché el valor en una variable y restablecerlo cuando sea necesario.

// Cache original attributes 
var originalAttributes = $('#someDiv').attr('style'); 


    // Reset from original 
$('#someDiv').attr('style',originalAttributes); 

---

EDIT:

Si es necesario, puede enviar sus elementos desde el servidor con atributos personalizados para recordar el atributo original de class, por ejemplo.

<div class="myClass" originalClass="myClass">...</div> 

Luego puede consultar el original en cualquier momento que lo necesite.

Incluso podría encontrar todos los elementos que tengan el atributo originalClass así.

var $elementsWithOriginal = $('[originalClass]'); 

o encontrar elementos en los que el atributo class ha sido modificado a partir de la original.

var $modifiedFromOriginal = $('[originalClass]').filter(function() { 
     return $(this).attr('class') != $(this).attr('originalClass'); 
    });