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 :

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');
      });
Si vous aviez la combine ... je suis preneur +++

merci