如何在操作鏈之後將元素重置爲原始狀態？

Question

經過一堆動畫，添加類和設置CSS樣式。有沒有一種簡單的方法可以重置一個元素，以恢復其原始的服務器交付狀態？

Answer 1

jQuery使用內聯style屬性設置其操作，因此只需將其設置爲''即可。

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

這裏假定沒有內聯的style屬性設置在來自服務器的元素上。如果是的話，最好使用樣式表。

如果元素必須來自服務器並且設置了style屬性，那麼我想你可以將該值緩存在一個變量中，並在需要時重置它。

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


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

---

編輯：

如果需要，你可以從服務器發送您的元素與自定義屬性記得原來class屬性，例如。

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

然後，你可以參考你所需要的原隨時隨地。

你甚至可以找到所有具有originalClass屬性的元素。

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

或查找其中class屬性已從原始修改的元素。

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