-5
votes

jQuery premier sélecteur nœud

J'ai un élément d'emballage, qui contient des éléments enfants avec uniques, c'est. Comment obtenez-en-on un élément sans avoir à traverser?

EG. P>

$("#wrapper #child1")


6 commentaires

Comme ceci: $ ('# wrapper> div: première')


Voulez-vous trouver l'élément enfant1 ? Vous ne pouvez pas utiliser quelque chose comme $ ('# wrapper: premier enfant')


Dupliqué possible de Comment sélectionner le premier enfant avec jQuery? et Comment obtenir le premier identifiant enfant à l'intérieur de la Div à l'aide de jQuery et Comment accéder au premier enfant DIV du parent div


Veuillez lire Combien d'effort de recherche est attendu des utilisateurs de dépassement de pile?


S'il vous plaît passer du temps à faire une lecture curseure de la documentation JQuery: API.JQUERY.COM Même simplement lire les noms de méthodes vous donne une bonne idée de ce qu'ils font


Salut Rorymcccrossan. Pas seulement le premier élément, mais chacun d'entre eux, sans avoir à traverser.


4 Réponses :


1
votes

Si vous voulez juste que le premier élément, vous pouvez utiliser des enfants et reportez-vous au premier élément

p>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="wrapper">
  <div id="child1">content</div>
  <div id="child2">content</div>
  <div id="child3">content</div>
</div>


0 commentaires

-2
votes

Vous pouvez utiliser: sélecteur de premier enfant

$( "#wrapper:first-child" )


0 commentaires

0
votes
$("#wrapper div:first-child").css("color","green");

3 commentaires

C'est toujours une bonne idée de laisser une note sur la raison pour laquelle c'est la bonne solution.


Qu'est-ce que ce paramètre de couleur nécessaire? Je n'ai trouvé aucune information à ce sujet dans la question


L'auteur a fait une note spéciale que l'élément #wrapper est déjà connu et il n'est pas souhaitable de la rechercher à nouveau.



1
votes

Si vous avez les éléments enfants avec des identifiants uniques, vous pouvez accéder directement à cet élément par l'ID.

$('#wrapper').children('#child1');


2 commentaires

Bonjour, je ne veux pas que JQuery examine une fois de plus entière. J'ai déjà l'élément wrapper à l'intérieur d'une variable.


Dans ce cas, vous pouvez utiliser wrappervariable.children ('# enfant1')