Selection td

Fermé
helloworld - 4 nov. 2018 à 12:35
jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 - 4 nov. 2018 à 17:47
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

jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 4 650
4 nov. 2018 à 12:45
Bonjour
Par exemple

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


-
Cordialement, 
Jordane                                                                 
0
first() me donne le premier élément mais comment je récupère la liste des <td> dans le premier <tr> ?
0
jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 4 650
4 nov. 2018 à 17:47
<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