jquery ce sélecteur d'enfant?

hey,
petite question, je ne pouvais pas trouver quoi que ce soit sur le web. J'ai un div parent et un enfant div à l'intérieur de lui. pour le sélectionner avec le css vous dirais:

#parent .child {}

En jquery, j'ai un var pour mon parent de l'élément, cependant comment puis-je sélectionner l'enfant?
Je sais que c'est facile de créer une nouvelle var, je suis juste curieux de savoir si c'est possible?

var Parent = $('#parent');

Parent.click(function() {
$(this > '.child').hide();

merci

Notez que le sélecteur de E F correspond pas seulement des éléments d'enfant, mais aucun élément descendant de E. Pour les enfants uniquement utiliser les E > F.

OriginalL'auteur matt | 2010-12-20

  1. 23

    La syntaxe correcte est:

    $(".child", this)

    Si vous voulez seulement le direct enfants:

    $("> .child", this)

    (crédit va à Gumbo de mentionner cela)

    Mise à jour, deux ans plus tard:

    Vous pouvez utiliser $(this).find('> .child')

    +1, j'ai utilisé cette solution 🙂

    OriginalL'auteur Gabi Purcaru

  2. 6

    Vous pouvez il suffit d'invoquer la .find() méthode:

    var Parent = $('#parent');

Parent.click(function() {
    $(this).find('.child').hide();
});

    Si vous ne souhaitez sélectionner les enfants immédiats, utilisez le .children() plutôt la méthode:

    Parent.click(function() {
    $(this).children('.child').hide();
});

    Souvent, les gens utilisent une syntaxe comme

    $('.child', this);

    aswell. Ce n'est pas très pratique pour moi puisque vous écrivez un ordre à l'envers "d'une certaine manière. De toute façon, cette syntaxe est converti en interne dans une .find() déclaration, de sorte que vous êtes en fait l'économie d'un appel.

    Réf.: .find(), .enfants (les)

    OriginalL'auteur jAndy

  3. 1

    essayez ce code:

      $("#parent").click(function () {
               $(this).next().hide();
});

    OriginalL'auteur AEMLoviji

  4. 1
    var Parent = $('#parent');

Parent.click(function () {
    $(".child", this).hide();
});

    ou

    $("#parent").click(function () {
    $(".child", this).hide();
});

    OriginalL'auteur Anwar Chandra

  5. 1

    U peut trouver les enfants de vos éléments parents et d'appliquer le style css.

    Exemple de code est ci-dessous.

    var Parent = $('#parent');

Parent.click(function() {
$(this).find('.child').hide();});

    OriginalL'auteur Mohan Ram