.click qui se lance sans clique

Bonjour,
j'essaie de rendre cliquable individuellement chaque cellule d'un tableau.
Le tableau fait 10 tr et chaque tr fait 10 colonnes. Sont Id est "carte" et sont parents directe est body.

afin de parcourir le tableau pour y ajouter mes handlers j'ai deux boucles :

Code:

---

1 2 3 4 5 6 7 8

for (var i=1;i<11;i++){ var selectligne = "#carte tr:nth-child("+i+")"; for (var j=1;j<11;j++){ var selectcolonne = " td:nth-child("+j+")"; var select = selectligne+selectcolonne; $(select).click(alert("test")); } }

---

Le souci c'est que mes alertes se lancent au chargement de la page... Je suppose donc que le selecteur est incorrecte pourtant un

Code:

---

$("#carte tr:nth-child(1) td:nth-child(1)").css("background-color","red");

---

me colorie bien la bonne cellule... :/

Quelqu'un saurait d'où pourrait venir le problème et aurait une piste de solution éventuelle ?

Merci :)

La fonction définie au click est incorrecte, ceci :

Code:

---

$(select).click(alert("test"));

---

est incorrect.

Voici une syntaxe correcte :

Code:

---

1 2 3

$('td').click(function() { alert('coucou'); });

---

merci :) !
Avec ta solution + index() pour localiser le clique ça marche nickel

Code:

---

$('#carte').on('click', 'td', function(){...});

---

sera plus optimisé...

Sinon : Les fonctions de rappel (callback) ou les utilisations cachées de eval()...