sélecteur jQuery à l'intérieur de la méthode each()

Permet de dire que j'ai un code HTML qui ressemble à ceci:

<div class="aaa"><span>1</span></div>
<div class="aaa"><span>2</span></div>
<div class="aaa"><span>3</span></div>
<div class="aaa"><span>4</span></div>

Avec $('.aaa span') je peux sélectionner tous les éléments span.

Avec $('.aaa').each() je peux effectuer une itération sur les éléments div.

Ma question est de savoir comment choisir la durée de chaque div à l'intérieur de chaque fonction comme:

$('.aaa').each(function(index, obj){
    x = selector_based_on_obj //x equal to the current div`s span
})
  • quoi? <div class=".aaa"> ???
  • Je pense que cela devrait être <div class="aaa">.
  • type de faute, ma faute (
  • api.jquery.com
  • Votre x variable est implicite global si vous êtes en omettant les var mot-clé. Vous devriez ajouter que.
InformationsquelleAutor Ilian Iliev | 2010-12-07
  1. 14

    façon la plus facile est-ce, si vous voulez que tous les éléments

    $('.aaa span');

    jquery pouvez imbriquer des sélecteurs comme css peut. aussi, si pour une raison quelconque vous avez besoin de boucle

    $('.aaa').each(function(){
    x = $(this).find('span');
});

    qui sera mis en x comme les éléments d'un objet jquery.

    • Vous êtes en train de créer une variable globale x ici. Probablement pas ce que vous souhaitiez.
    • J'ai suivi l'exemple, je ne suis pas sûr si Illian avait l'intention de créer une variable globale ou pas, donc j'ai simplement répété son scénario de ne pas ajouter de la confusion.
    • B.: l'Omission de la var mot clé permet de la variable implicite global.
    • oui, je sais. veuillez vous référer à Illians question, il a x = selector_based... j'ai tout simplement fini sa pensée. si oui ou non il est une variable globale n'est pas vraiment important.
    • B.: C'Est Vrai. C'est pourquoi je upvoted cette réponse de toute façon. Je voulais juste le signaler.
    • Jeremy est bon, je l'ai écrit de cette façon et il suffit de suivre et fini mon exemple, merci beaucoup.

    InformationsquelleAutor Jeremy B.
  2. 3

    $(obj).find('span') devrait faire l'affaire.

    • Merci pour la vitesse de la lumière la réponse, je savais qu'il y avait une solution simple.
    InformationsquelleAutor nathan gonzalez
  3. 3
    $('.aaa').each(function() {
  var x = $('span', this);
});
    InformationsquelleAutor PeeHaa
  4. 0
    $('.aaa').each(function(index, obj){
    var x = $(this).find('span');
    $(x).doSomething();
})

    ou plus prgramatically:

    $('.aaa').each(function(index, obj){
    $(this).find('span').doSomething();
})
    • Êtes-vous affectation $(x)? Je ne pense pas que cela est possible.
    • correct. x lui-même est un objet jquery, donc l'appel de jquery sur il ne serait pas nécessaire.
    • B.: C'est pas ce que je voulais au départ (@FatherStorm corrigée déjà; il était $(x) = $(this).find('span');), mais c'est vrai ce que vous mentionnez. Vous n'auriez pas besoin d'envelopper x de nouveau. x.something(); va faire, trop.
    InformationsquelleAutor FatherStorm
  5. 0

    Si c'est votre balisage, vous pouvez facilement utiliser la natif de la propriété firstChild.

    $('.aaa').each(function(){
    var x = this.firstChild
});

    C'est un largement pris en charge propriété.

    InformationsquelleAutor user113716