Discussion :

[oleanna11]

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 :

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

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 :

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

$("#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

[Spartacusply]

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

Code :

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

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

est incorrect.

Voici une syntaxe correcte :

Code :

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

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

[oleanna11]

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

[Bovino]

Code :

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

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

sera plus optimisé...

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