Wielokrotne dodawanie elementu do strony Opcje

[gcdreak]

Witam
Mam funkcję generującą link:

[HTML] pobierz, plaintext 
function getEditIcon(size) {
    var cssClass,
        icon;
    size = size ? size : 16;
 
    if (size <= 16) {
        cssClass = 'icon-edit'
    } else {
        cssClass = 'icon-edit-big'
    }
 
    icon = $('<a />')
                .attr({
                    'href': '#',
                    'title': 'Edycja',
                    'class': cssClass
                });
 
    return icon;
}
[HTML] pobierz, plaintext 

Działa bez problemu.
Następnie chcę dodać utworzoną ikonkę do kilku elementów strony:

[HTML] pobierz, plaintext 
var icon = getEditIcon();
 
$('#firstname').appendicon);
$('#lastname').append(icon);
$('#city').append(icon);
$('#year').append(icon);
[HTML] pobierz, plaintext 

Ikonka pojawia się jedynie przy ostatnim elemencie (#year).
Dlaczego tak się dzieję i jak można temu zapobiec?

[nospor]

Dodając jakiś istniejący już obiekt do czegoś, to go zabierasz z tego co był najpierw, a potem go wpinasz tam gdzie chcesz. W rezultacie masz go w ostatnim elemencie (IMG:style_emoticons/default/smile.gif)

Musisz klonować obiekt i dodawać klony a nie ciągle i ten sam obiekt.

[misi3k]

Spróbuj tak:

[HTML] pobierz, plaintext 
$('#firstname, #lastname, #city, #year').each(function(index) {
  $(this).append(icon);}
);
[HTML] pobierz, plaintext 

[nospor]

@misi3k przeczytałeś chociaż mojego posta?
To co ty zaproponowałeś to jest to samo co robi autor tylko inaczej zapakowane...

[buliq]

A wszystko tak ładnie opisali w manualu (IMG:style_emoticons/default/tongue.gif)

[misi3k]

A rzeczywiście, mój błąd. @buliq słusznie zwraca uwagę na clone().

[nospor]

A ja to niby na co zwracałem uwagę

Musisz klonować obiekt i dodawać klony a nie ciągle i ten sam obiekt.

?
(IMG:style_emoticons/default/tongue.gif)

[gcdreak]

@nospor
Eleganko mi to wytłumaczyleś. Dziękuję