jQuery .clone .insertAfter新しいIDを使用

Question

DIVをクローンし、divの直後に追加して新しい識別子を付けるにはどうすればよいですか？

私はクラスreflectionとDIVを持って、私はjQueryを使ってこれを実現するにはどうすればよいクローン化され、このDIVの各インスタンスをしたい、と右のオリジナルの後に、しかし（クラスなし、reflection）クラスreflectedを挿入？それらを個別に処理するためにそれらを）私はあなたが（.eachする必要があります信じてここ

は私の現在のバイオリンだが、それは正しく動作しません... http://jsfiddle.net/yUgn9/

Answer 1

.after()に関数を渡すと、それが更新さをクローンを返しています。

$('div.reflection').after(function() { 
    return $(this).clone().toggleClass('reflection reflected'); 
}); 

DEMO：jQueryの古いバージョンではhttp://jsfiddle.net/PFBVX/

---

、これを行う...

$('div.reflection').each(function() { 
    $(this).after($(this).clone().toggleClass('reflection reflected')); 
}); 

DEMO：http://jsfiddle.net/PFBVX/1/

Answer 2

。コードが現在行っていることは、それらのすべてをつかんで、それらのすべてを後にクローンすることです。その代わりに、それぞれのクラスを個別に処理し、必要に応じてクラスを変更した後に元のクラスの後にクローンを挿入したいとします。

$(document).ready(function(){ 

    $('div.reflection').each(function() { 
     var org = $(this), 
      clone = org.clone(); 

     clone.removeClass('reflection').addClass('reflected') 
      .insertAfter(org); 
    }); 

});