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 !