jquery - 一連の操作の後、要素を元の状態にリセットする方法は?

Question

一連のアニメーション化、クラスの追加、CSS スタイルの設定の後。要素をリセットして元のサーバー配信状態に戻す簡単な方法はありますか?

Answer 1

jQuery は inlinestyle属性を使用して操作を設定するため、それを に設定するだけ''です。

$('#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');
    });