portée de this ou $(this) suite à un append de clone()

J'appende des li clonés
je souhaite modifier les id des elements contenu dans l'element cloné

Mais que je fasse

Code:

---

1 2 3 4

$("#surface").append( $("#template").clone(true,true) .find('#type_, #c_dim_').attr('id',$(this).attr('id')+incrid).end() .css({'display':'block'}) )

---

ou

Code:

---

1 2 3 4

$("#surface").append( $("#template").clone(true,true) .find('#type_, #c_dim_').attr('id',this.id+incrid).end() .css({'display':'block'}) )

---

je recupères l'id du bouton qui lance cette fonction, et pas l'id des elements contenus ...

Si ton code est lancé depuis un événement, c'est normal, this correspond à l'élément qui porte le gestionnaire d'événement.
A ce propos, faire aussi attention aux événements délégués :

Code:

---

$('#conteneur').on('click', '.contenu', callback);

---

dans callback, this correspondra à $('#conteneur'), qui porte le gestionnaire et non à '.contenu' qui pourtant a généré l'événement. ;)

donc je ne peux pas factoriser mes attributions d'id à partir de l'id de l'élement à modifier ???

je serais obligé de faire :

Code:

---

1 2 3 4 5

$("#surface").append( $("#template").clone(true,true) .find('#type_').attr('id','type_')+incrid).end() .find('#c_dim_').attr('id','c_dim_')+incrid).end() .css({'display':'block'}) )

---

je n'en ai pas que deux , j'en ai une dizaine ...

:cry:

Si, mais pas tout à fait comme ça :calin:
.append() accepte comme paramètre une fonction qui doit retourner le contenu HTML à insérer, tu peux donc, dans cette fonction, récupérer toutes les variables utiles pour créer ta portion de HTML. ;)

J'ai trouvé la vielle ruse des familles ^^

Code:

---

1 2 3 4 5 6

incrid++; cloneline= $("#template").clone(true,true); cloneline.find('[id]').each(function() { this.id = this.id +incrid; }) $("#surface").append (cloneline.css('display','block') )

---