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 !

3 réponses


brokleen
Réponse acceptée

Yo, Il faut utiliser le selecteur $(this).
$(this).parent().css({"color": "red", "border": "2px solid red"});

Beko
Auteur

Tue moi s'il te plaît.

Cordialement,

No prob, ca arrive même aux meilleurs.