jQuery pour trouver le plus proche de la Div Parent

Je suis en train d'apprendre jQuery avec le scénario suivant. Pour cela, j'ai essayé les jQuery après la lecture de plusieurs AINSI en question; mais il n'a pas de travail

$(this).closest('.viewLogText').parent().find('.reportLog').css("display", "none");

Scénario:

Il y a trois enfant les éléments div dans une div qui a de la classe Css “repeaterRecord”. L'enfant divs sont avec des classes css - repeaterIdentifier, viewLogTitle et reportLog.

Il y a deux divs avec cette structure (div qui a de la classe Css “repeaterRecord”).

jQuery pour trouver le plus proche de la Div Parent

La div avec viewLog classe est comme indiqué ci-dessous.

   <div class="viewLogTitle">
        <div class="viewLogText">
            View Report Log
        </div>
        <div>
            <img alt="Expand" src="Images/PlusIcon.GIF" class="expandLogIcon" />
            <img alt="Collapse" src="Images/MinusIcon.GIF" class="collapseLogIcon" />
        </div>
    </div>

Lorsque le collapseLogIcon image est cliqué, j'ai besoin de cacher (seulement) le plus proche de la div avec “reportLog” classe (au même niveau de "viewLogTitle"). Comment pouvons-nous le faire à l'aide de jQuery?

Jour De Travail Exemple:

http://jsfiddle.net/Lijo/L9w4F/11/ et
http://jsfiddle.net/Lijo/L9w4F/8/ et
http://jsfiddle.net/Lijo/L9w4F/12/

RÉFÉRENCE:

  1. Efficace, de manière concise pour trouver la correspondance de la fratrie?
  2. jquery sélectionnez les frères et sœurs jusqu'à ce que"

OriginalL'auteur Lijo | 2012-08-08

  1. 1

    Vous pouvez utiliser siblings() méthode:

    $(this).closest('.viewLogText').siblings('.reportLog').hide()

    Vous pouvez également essayer les hide() méthode qui est la même que .css("display", "none");

    OriginalL'auteur undefined

  2. 5

    Vous pouvez utiliser .siblings() pour trouver le plus proche de div.

    API ICI

    OriginalL'auteur Andrea Turri

  3. 2

    Je vous suggère de l'aide:

    $(this).closest('.viewLogTitle').next('.reportLog').hide();

    Noter que le filtre passé à la next() méthode ('.reportLog') signifie que le prochain élément frère de la viewLogTitle élément sera affectée seulement si il corresponde à celui du sélecteur. Si la next-frère de l' .viewLogTitle sera toujours être la cible (le HTML ne va pas changer), puis le filtre est inutile et peut être omis.

    Ou, si elles ne suivent pas toujours de façon consécutive (mais le "plus proche" est toujours la seule à être touchée), pour la suite de frères et sœurs:

    $(this).closest('.viewLogTitle').nextAll('.reportLog:first').hide();

    Ou pour les précédentes frères et sœurs (si le .reportLog précède le .viewLogTitle):

    $(this).closest('.viewLogTitle').prevAll('.reportLog:first').hide();

    Références:

    Le filtrage sélecteur de next n'est pas nécessaire avec un seul élément
    C'est vrai, et d'ailleurs; mais l'intention de passer le filtre de façon à tenir compte de ces moments où le frère suivant peut pas être la cible désirée. Si, en toute équité, je devrais avoir expliqué que l'intention. modifié
    Si il peut ne pas l'être, alors next n'est pas le cas 😛
    Ouais, la seule raison pour laquelle je suis encore de commentaire, c'est que de tout temps, j'ai vu next utilisé avec un filtre, il a été parce que l'auteur a mal compris next. next(filter) intuitivement dirait qu'il va trouver le prochain élément qui correspond à la filter, mais au lieu de cela, il prend tout simplement le prochain élément de la fratrie et le renvoie SI elle correspond au filtre, sinon retour rien.
    D'accord; et vous avez eu raison de commentaire, mon explication était absolument omission manifeste. =)

    OriginalL'auteur David Thomas