jquery: utilisation (“parent > enfant”) avec des variables

Par exemple, j'ai un <div class="first"> contenant d'autres <div> 's et sélectionné en premier et l'a poussé dans la variable

variable = $('div.first')

Et maintenant, je veux quelque chose de ce genre

$(variable + " > div")

Je sais, il semble stupide, mais que si j'avais un tableau contenant les lignes de la table et j'ai besoin d'accéder à des colonnes à l'intérieur d'une ligne spécifique:

var tableRows = $('table > tbody > tr');
var tableBodyCols = $(tableRows[i]+'> td'); //Doesn't work :(

OriginalL'auteur Timofey Trofimov | 2013-04-02

  1. 19

    Utilisation .les enfants()

    var tableBodyCols = tableRows.children('td');

    Ou un sélecteur de contexte:

    var tableBodyCols = $('> td', tableRows);

    Les deux sont équivalents, mais le premier est plus facile à lire à mon humble avis.

    Voici un violon preuve à la fois.

    Et pour itérer sur tous les jeux d'enfants de ligne de tableau:

    tableRows.each(function() {
    var tableBodyCols = $(this).children('td');
    //...
});

    Mais si vous préférez une for boucle ou vous avez besoin d'obtenir une rangée de colonnes, puis eq est votre ami.

    for (var i = 0; i < tableRows.length; i++) {
    var tableBodyCols = tableRows.eq(i).children('td');
    //...
}

    Voici la mise à jour violon.

    l'ancien est beaucoup plus efficace aussi
    Oui bien noté, il n'est pas de créer un nouvel objet jQuery à partir de zéro en trop. =]
    Mon anglais est mauvais, et je pensais que children() sélecteur sélectionne uniquement les premier enfant (je pensais que les "enfants" est une forme singulière de "enfants"). De toute façon, merci beaucoup. Sélecteur de contexte est très joli.
    heheh pas de problème, child (comme dans :first-child, :last-child) est la forme singulière, children est le pluriel. :P
    children fonction sélectionne tous les descendants, non seulement de premier niveau des enfants que des > (jsfiddle). Cela fonctionne dans l'exemple parce que vous n'avez pas imbriquée td.

    OriginalL'auteur Fabrício Matté

  2. 1

    Vous ne pouvez pas faire $(variable + " > div") parce que variable n'est pas une chaîne mais un élément jquery.

    Mais vous pouvez essayer:

    variable.children("div");

    OriginalL'auteur X-Blaster

  3. 0

    Pour obtenir les cellules de la ligne d'indice i, vous pouvez utiliser

      var tableBodyCols = $('td', tableRows[i]);

    Si vous avez réellement peuvent avoir plus d'un niveau de td, utilisez

      var tableBodyCols = tableRows.eq(i).children('td');

    ou utiliser le natif de l'objet dom :

      var tableBodyCols = tableRows[i].cells;
    que la première n'est pas strictement un parent > child de recherche, mais un .find(). Le troisième est aussi maintenant juste un tableau, pas un jQuery collection... 😉

    OriginalL'auteur Denys Séguret

  4. 0

    Si vous voulez tous <td> cellules, utilisez:

    var tableBodyCols = tableRows.children('td');

    Si vous voulez seulement ceux pour un spécifiques ligne i:

    var tableBodyCols = tableRows.eq(i).children('td');

    où i vont commencer à partir de zéro pour la première ligne.

    OriginalL'auteur Alnitak