jquery - DIV 要素の元の親を格納する

Question

div関数を使用して要素の位置 (および親) を移動していinsertAfterます。このようなもの：

$('.annotation i').click(function(){
    $('.annotation').find('.comment').insertAfter('#container');
});

div別のユーザーアクションの後に要素を元の位置 (元の親の下) に戻すために、元の親を何らかの方法で保存できるかどうかを知りたいです。

ありがとう。

score 2 · Accepted Answer

var parent = $('.annotation').find('.comment').parent();

.comment クラスの要素の親を提供します。

あなたはそれの位置を保存することにも言及しています。JQuery Indexが役立つ場合があります。後で使用するために、親のインデックスを保存するか、特定の .comment 要素の場所を同様の方法で保存します。

score 1 · Accepted Answer

要素のクローンを作成し、オリジナルを非表示にすることができます:

$e = $('element');
$c = $e.clone();
$e.hide();

次に、移動した要素を破棄して、元の要素を再度表示できます。

$e.show();
$c.remove();

または元のものを移動したものに置き換えます。

$e.replaceWith($c);

元の要素に ID 属性がある場合は、クローンでもそれを変更または削除して、すべての要素が一意の ID を保持するようにします。

$c.attr('id','new-unique-string');
// or
$c.removeAttr('id');

3 に答える 3