Comment puis-je sélectionner un élément avec une classe dans un DIV ?

Question

J'ai le HTML suivant :

<div id="mydiv">
  <div class="myclass"></div>
</div>

Je veux pouvoir utiliser un sélecteur qui sélectionne l'intérieur div mais spécifique pour le mydiv conteneur. Comment puis-je réaliser cela avec jQuery ?

Answer 1

Essayez :

$('#mydiv').find('.myclass');

Démonstration de JS Fiddle .

Ou :

$('.myclass','#mydiv');

Démonstration de JS Fiddle .

Ou :

$('#mydiv .myclass');

Démonstration de JS Fiddle .

Références :

• find() .
• Contexte du sélecteur .

---

Il est bon d'apprendre de la find() documentation :

Les méthodes .find() et .children() sont similaires, sauf que la méthode cette dernière ne descend que d'un seul niveau dans l'arbre DOM.

Answer 2

Essayez ceci

$("#mydiv div.myclass")

Answer 3

Vous le ferez de la même manière que vous appliquerez un sélecteur css. Par exemple, vous pouvez faire

$("#mydiv > .myclass")

ou

$("#mydiv .myclass")

Le dernier correspondra à chaque myclass dans myDiv, y compris myclass dans myclass.

Answer 4

Si vous voulez sélectionner tous les éléments qui ont l'attribut de classe "myclass", utilisez

$('#mydiv .myclass');

Si vous voulez sélectionner uniquement les éléments div qui ont l'attribut class "myclass" utilisez

$("div#mydiv div.myclass");

Pour en savoir plus sur les sélecteurs jquery, consultez les pages suivantes articles

Answer 5

Essayez plutôt ceci $(".video-divs.focused") . Cela fonctionne si vous cherchez des vidéos-divisions qui sont ciblées.