Selection td

helloworld -  
jordane45 Messages postés 30426 Date d'inscription   Statut Modérateur Dernière intervention   -
Bonjour,

Avec jquery j'aimerai ne selectionné que les <td> du premier <tr>

J'ai donc essayé ceci
let style = $('tr,td');
Mais il prend tout. j'aimerai stopper au premier tag fermant du premier <tr>. J'ai aussi essayé le selecteur :only-child mais je ne comprend pas bien sont fonctionnement et ca ne marche pas.

Comment fait-on ?

Merci

1 réponse

  1. jordane45 Messages postés 30426 Date d'inscription   Statut Modérateur Dernière intervention   4 830
     
    Bonjour
    Par exemple

    https://api.jquery.com/first/

    -
    Cordialement, 
    Jordane                                                                 
    0
    1. helloworld
       
      first() me donne le premier élément mais comment je récupère la liste des <td> dans le premier <tr> ?
      0
    2. jordane45 Messages postés 30426 Date d'inscription   Statut Modérateur Dernière intervention   4 830
       
      <table id="test">
      <tr id="1">
       <td>A</td><td>B</td>
      </tr>
      <tr id="2">
       <td>A2</td><td>B2</td>
      </tr>
      <tr id="3">
       <td>A3</td><td>B3</td>
      </tr>
      </table>
      
      <script type="text/javascript">
      //façon 1
      var tbl = $("#test");
      var tr = $(tbl).find('tr').first();
      console.log('tr',tr);
      var td = $(tr).find('td');
      console.log('td',td);
      
      //autre façon
      var td2 = $("#test tr:first").find('td');
      console.log('td2',td2);
      </script>
      
      0