Générer des functions en boucle

Bonjour

j'ai actuellement 12 functions

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

$('#pax-1').click(function() { pax = '1'; $('#vpax').val(pax); $('#pax').html(pax); reservation(); }); $('#pax-2').click(function() { pax = '2'; $('#vpax').val(pax); $('#pax').html(pax); reservation(); }); $('#pax-3').click(function() { pax = '3'; $('#vpax').val(pax); $('#pax').html(pax); reservation(); });

---

etc...
je voudrais faire une boucle de 1 à 12

Code:

---

1 2 3 4 5 6 7 8 9 10

for ($i = 1; $i <= 12; $i=$i+1) { var fct = "$("+"'#pax-" + $i + "').click(function() {"; fct =fct+ "pax = '" + $i + "';"; fct =fct+ "$('#vpax').val(pax);"; fct =fct+ "$('#pax').html(pax);"; fct =fct+ "reservation();"; fct =fct+"});"; fonction = new Function(fct); fonction(); }

---

Mais ça ne fonctionne pas
Merci pour votre aide

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

<input id="vpax" value="" /> <span id="pax"></span>   <div id="pax-1">1</div> <div id="pax-2">2</div> <div id="pax-3">3</div> <div id="pax-4">4</div> <div id="pax-5">5</div> <div id="pax-6">6</div> <div id="pax-7">7</div> <div id="pax-8">8</div> <div id="pax-9">9</div> <div id="pax-10">11</div> <div id="pax-11">11</div> <div id="pax-12">12</div>

---

Code:

---

1 2 3 4 5 6 7

$("[id^='pax-']").each( function(){ $(this).on('click', function(){ pax = $(this).attr('id').split('-'); pax=pax[1]; $('#vpax').val(pax); $('#pax').html(pax);   } )} );

---