jQuery .clone .insertAfter z nowym identyfikatorem

Question

Jak mogę sklonować DIV, dołączyć go zaraz po div i nadać mu nowy identyfikator?

Mam div z klasą reflection chcę każde wystąpienie DIV, sklonowano i wprowadzono tuż po oryginał, ale z klasą reflected (bez klasy, reflection) W jaki sposób można to osiągnąć z jQuery?

Oto mój obecny skrzypce, ale to nie działa dobrze ... http://jsfiddle.net/yUgn9/

Answer 1

Przekaż funkcję do .after() i zwróć zaktualizowany klon.

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

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

---

W starszych wersjach jQuery to zrobić ...

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

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

Answer 2

wierzę musisz .each() z nich obsługiwać je indywidualnie. To, co obecnie robi kod, polega na tym, że łapie je wszystkie i klonuje je po nich wszystkich. Zamiast tego chcesz obsłużyć każdy z nich osobno i wstawić klon po oryginale, po zmianie klas zgodnie z potrzebami.

$(document).ready(function(){ 

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

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

});