Discussion :

[SpaceFrog]

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

Mais que je fasse

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ...

[Bovino]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

$('#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.

[SpaceFrog]

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

je serais obligé de faire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ...

[Bovino]

Si, mais pas tout à fait comme ça
.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.

[SpaceFrog]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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') )