[jquery] récupérer l'id de la cellule sélectionnée d'un tableau

Bonjour à tous,
Après avoir chercher une bonne partie de l'après midi, je me résous à vous demander de l'aide.

Voici mon problème:
Je cherche à récupérer en jquery la valeur de l'id ou de la class d'un élément d'un tableau. Au fait c'est un tableau dont les cellules de la 2ème colonne sont éditable (en suivant le très bon tutoriel: http://net.tutsplus.com/tutorials/ja...diting-system/ ).
Donc quand on double clique sur la cellule en question, jquery doit en récupère l'id (l'id du <td> est la position de l'élément dans le tableau correspondant). Pour ensuite, pouvoir transmettre en post (le nouveau contenu de la cellule et son id) à la même page pour effectuer l'enregistrement.

Ce qui me pose problème est donc le passage de l'id à jquery et sa récupération au sein de jquery.
J'espère que je suis clair dans mes explications.

Merci d'avance.

Bonjour,

Pour récupérer un ID parent avec jquery il suffit d'utiliser this et parent()

Voici un exemple qui te montre comment récupérer l'ID du TD qui a été double cliqué ainsi que l'ID du TR qui contient le TD qui a été double cliqué.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
 
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
 
  <script>
  $(document).ready(function(){
 
	$('table td').dblclick(function(){
		var cell = $(this).attr('id');
		var row = $(this).parent().attr('id');
		alert('Cellule: '+cell+' Ligne: '+row);
 
	});
  });
  </script>
</head>
<body>
 
<table>
	<tr id="row_1">
		<td id="row_1_cell_1">1</td>
		<td id="row_1_cell_2">2</td>
		<td id="row_1_cell_3">3</td>
		<td id="row_1_cell_4">4</td>
		<td id="row_1_cell_5">5</td>
		<td id="row_1_cell_6">6</td>
	</tr>
	<tr id="row_2">
		<td id="row_2_cell_1">1</td>
		<td id="row_2_cell_2">2</td>
		<td id="row_2_cell_3">3</td>
		<td id="row_2_cell_4">4</td>
		<td id="row_2_cell_5">5</td>
		<td id="row_2_cell_6">6</td>
	</tr>
	<tr id="row_3">
		<td id="row__cell_1">1</td>
		<td id="row_3_cell_2">2</td>
		<td id="row_3_cell_3">3</td>
		<td id="row_3_cell_4">4</td>
		<td id="row_3_cell_5">5</td>
		<td id="row_3_cell_6">6</td>
	</tr>
</table>	
 
</body>
</html>

merci ;)