Bonjour
soit une page avec entre autre une succession de balise <li>dans une liste <ul id="#listP"> comme celle-ci:
Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5 <li id="li_1"> <input type="checkbox" name="quifaitquoi_1"> <input type="text" name="txretro_1" value="80"> <input type="text" name="debut_1"> </li>
mon but est qu'en cliquant sur un bouton dédié ... j'obtienne une clone "tripoté" qui au final serait comme cela :
Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5 <li id="li_2"> <input type="checkbox" name="quifaitquoi_2"> <input type="text" name="txretro_2" value="80"> <input type="text" name="debut_2"> </li>
le nom des balises name et id ont été incrémentées. _1 ---> _2.
en clair ... toutes les balises (name et id) qui se terminent par _1 sont à renommer en _2
je tente ces lignes de codes sans succès :
Si vous aviez la combine ... je suis preneur +++
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7 $(document).on('click','#addLi',function(){ // nom du bouton de duplication var clone=$('#li_').clone(); clone.find('[name$="_1"]').each(function(){ // ... JE MERDOUILLE SERIEUX ICI }); clone.appendTo('#listP'); });
merci
Partager