jQuery - trouver le 1er élément à une classe spécifique à partir de ci-dessus, mais pas avant un autre élément

Le code HTML ressemble à quelque chose comme ceci:

<li class="divider">
  <div>
    ...(maybe more divs)...      
      <div class="content">
         ...(maybe more divs)...
         <a href="#" class="link">LINK</a>

...

comment puis-je choisir le .DIV du contenu, de l'intérieur d'une fonction jQuery accroché sur le lien?
Notez que j'ai plusieurs listes comme ça, et dans certains d'entre eux div.le contenu peut être manquant, donc je veux choisir ce div seulement si il existe dans le bloc courant (li.diviseur).

J'ai essayé avec $link.parent().parent().find('content') mais il échoue dans certains cas, parce que le nombre d'éléments entre ces 2 éléments peuvent changer...

Pourquoi ne pas en faire un seul li.divider div.content travail?
parce qu'il y a de multiples li.diviseur de choses sur la page

OriginalL'auteur Alex | 2010-07-09

  1. 5

    Si ils ne sont pas imbriqués, vous devriez être en mesure de le faire:

    $('a.link').click(function() {
    $(this).closest('div.content');
});

    ou

    $('a.link').click(function() {
    $(this).parents('div.content:first');
});

    Si elles sont imbriquées, alors vous devrez peut-être faire quelque chose comme ceci:

    $('a.link').click(function() {
    $(this).closest('li.divider').find('div.content');
});

    ...alors que si il y a imbrication de passe, et il n'y a pas div.content dans l'actuel, vous ne serez pas choisir une destination plus lointaine div.content ancêtre.

    OriginalL'auteur user113716

  2. 0

    $link.parent(".content")?

    OriginalL'auteur Swift

  3. 0

    Utiliser le proche sélecteur...

    var parentContent = $(this).closest("div.content");

if(parentContent.length > 0) {
  alert("DIV was found!");
}

    OriginalL'auteur Josh Stodola