[Résolu] Parent() , sur une ligne de tableau

Bonjour à tous,

J'ai un soucis au niveau de ma sélection, ma structure doit être mauvaise mais je ne voie pas comment faire autrement. Je voudrais séléctionner certaines cellules de mon tableau pour les afficher dans un pop-up et il faut pour ça, d'abord que j'arrive à selectionner mon <tr>. Je chercherais ensuite le <td> avec un tr.find().

Voici mon tableau :

<table id="myTable" border=1 style="font-size:30px">
	<tr>
		<th>Marque
		<th>Modèle
		<th>Nom
		<th>Gérer
	</tr>
	<tr id="100">
		<td>Adidas
		<td>Superstar
		<td>AS180
		<td><a href="#" class="delete_button">Supprimer</a>
	</tr>
	<tr id="200">
		<td>Nike	
		<td>Airmax
		<td>NA360
		<td><a href="#" class="delete_button">Supprimer</a>
	</tr>
</table>

http://i84.servimg.com/u/f84/14/45/17/98/tablea11.png

Voici mon JQ :

	
$('.delete_button').click(function() {
		$(".delete_button").parent().css({"color": "red", "border": "2px solid red"});
	});

Ce qui me donne au clic :
http://i84.servimg.com/u/f84/14/45/17/98/tablea12.png

Et moi je voudrais :
http://i84.servimg.com/u/f84/14/45/17/98/tablea10.png

Puis avec un parent().parent(). :
http://i84.servimg.com/u/f84/14/45/17/98/tablea13.png

Cela viens du fait que tous mes boutons s'appel "delete_button" mais je ne sais pas comment faire autrement, si vous avez la solution, bien qu'elle doit être simple je pense.

Merci d'avance !
Modifié par Beko (18 Mar 2016 - 15:16)

Il suffit de mettre :

$('.delete_button').click(function() {
	$(this).parent().css({"color": "red", "border": "2px solid red"});
});

Au lieu de :

$('.delete_button').click(function() {
	$(".delete_button").parent().css({"color": "red", "border": "2px solid red"});
});

Cordialement,