jQuery zu finden, die nächste Div Eltern

Ich versuche zu lernen jQuery mit folgendem Szenario. Für diese habe ich versucht, das folgende jQuery-nach der Lektüre mehrere Fragen; aber es hat nicht funktioniert

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

Szenario:

Gibt es drei untergeordneten div-Elemente in ein div-Element mit Css-Klasse "repeaterRecord". Die child-divs werden mit css-Klassen - repeaterIdentifier, viewLogTitle und reportLog.

Gibt es zwei divs mit dieser Struktur (div mit Css-Klasse "repeaterRecord").

jQuery zu finden, die nächste Div Eltern

Den div mit viewLog-Klasse ist, wie unten gezeigt.

   <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>

Wenn die collapseLogIcon Bild geklickt wird, wird ich mich verstecken muss (nur) der nächste div mit "reportLog" Klasse (auf der gleichen Ebene von "viewLogTitle"). Wie können wir dies mithilfe von jQuery?

Aktualisiert Beispiel Arbeiten:

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

REFERENZ:

  1. Effiziente, übersichtliche Weise zu finden der nächsten passenden Geschwister?

  2. jquery select Geschwister 'bis'

InformationsquelleAutor Lijo | 2012-08-08

Schreibe einen Kommentar