jQuery: nur ein Element wählen - Seite 2

mzurich · #11 (**permalink**) 04.08.2008, 10:38

du hast leider nicht richtig gelesen

Code:

<a href="#" class="ausfahren">KLICK ME</a>
<!-- weiterer HTML-Code -->
<div class="fahren">
hallo!
</div>

das DIV kommt eben NICHT direkt nach dem link.

hemfrie · #12 (**permalink**) 04.08.2008, 10:41

Der HTML-Kommentar zählt aber nicht als Element. Deshalb wird mit $(this).next() das gewünschte Div angewählt.

Probiers einfach mal aus

hemfrie · #13 (**permalink**) 04.08.2008, 10:44

Ahhh, jetzt check ich es erst

Wenn da noch weiterers HTML folgt, muss das ganze natürlich noch anders angegangen werden.

Kannst Du den HTML-Code der dazwischen liegt mal posten?

mzurich · #14 (**permalink**) 04.08.2008, 10:55

der html-code dazwischen sollte eigentlich nicht von relevanz sein?
aber wie du möchtest

Code:

</td>
<td width=\"1%\">&nbsp;</td>
</tr>
<tr height=\"6px\"><td colspan=\"7\"></td></tr>
</table>

hemfrie · #15 (**permalink**) 04.08.2008, 11:03

Zitat:

Zitat von mzurich

der html-code dazwischen sollte eigentlich nicht von relevanz sein?
aber wie du möchtest

Ok, wenn der HTML-Code unterschiedlich sein kann, dann machen wir es lieber allgemeingültig.

Code:

$(this).nextAll(".fahren:first")

Pack das mal an die Stelle, die ich im ersten Beispiel grün dargestellt habe.

Damit werden erstmal alle nachfolgende Elemente mit der Klasse ".fahren" angesprochen. Das ":first" sorgt dafür, dass nur das erste von den gefundenen Elementen verwendet wird. Somit hast Du immer das erste nachfolgende Div mit der Klasse ".fahren".

Dabei ist es dann auch egal, wie der Html-Code zwischen dem Link und dem ausfahrbaren Div aussieht.

mzurich · #16 (**permalink**) 04.08.2008, 11:12

nein, das geht leider nicht

hemfrie · #17 (**permalink**) 04.08.2008, 11:20

Zitat:

Zitat von mzurich

nein, das geht leider nicht

Hmm, ich habs jetzt mal testweise nachgebildet und der Versuch funktioniert bei mir.

http://xhtmlforum.de/test_docs/jquery/ausfahren.html

javascript:

Code:

$(document).ready(function() {

    $(".fahren").css("display","none");
            
    $("a.ausfahren").click().toggle(function(){
        $(this).nextAll(".fahren:first").animate({
            height: 'show',
            opacity: 'show'
        }, 'slow');
    }, function() {
        $(this).nextAll(".fahren:first").animate({
            height: 'hide',
            opacity: 'hide'
        }, 'slow');
    });
    
});

HTML:

Code:

<a href="#" class="ausfahren">KLICK ME</a>
<div>hier ist noch ein Div</div>
<div>und noch eins</div>
<div class="fahren">
hallo!
</div>

<br />

<a href="#" class="ausfahren">KLICK ME</a>
<p>Platzhalter</p>
<strong>Test</strong>
<div class="fahren">
hallo!
</div>

<br />

<a href="#" class="ausfahren">KLICK ME</a>
<div class="fahren">
hallo!
</div>

mzurich · #18 (**permalink**) 04.08.2008, 11:39

dein testdokument funktioniert bei mir.

bei meinem code gabs auch einen teilerfolg. egal welches KLICK ME ich drücke, es fährt immer das zweite fahren-div von oben aus

hemfrie · #19 (**permalink**) 04.08.2008, 12:06

Wahrscheinlich sieht bei Dir die Verschachtelung komplett anders aus. Die Hierarchie der Elemente ist sehr wichtig, da Du ja von dem geklickten Link aus zum nächsten Div (.fahren) finden musst.

Am Besten wäre es, wenn ich mal den Quelltext von 2-3 Links (.ausfahren) mit den dazugehörigen Div´s (.fahren) zusammenhängend sehen könnte.

mzurich · #20 (**permalink**) 06.08.2008, 11:29

es wird eine while-schleife abgearbeitet.

darin sieht es so aus: (ich kann nicht den ganzen code posten, wäre viel zu lange und zu komplex)

while() {

Code:

<table>

<a href="#" class="ausfahren">KLICK ME</a>
<!-- weiterer HTML-Code -->

</table>

<div class="fahren">
hallo!
</div>

}

mfg

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Jquery toggle() Problem mit children element	Niels85	Javascript & Ajax	0	22.11.2010 17:47
JQuery: .load() parent Element entfernen	Plumpy	Javascript & Ajax	0	02.03.2010 15:41
Festanstellung bei der Xing AG als Web Developer (HTML/CSS)	NEOX	Offtopic	10	17.07.2008 17:11
Liste im IE	StarSt0rm	CSS	3	22.08.2007 20:04
Validator Fehler und komm nicht drauf...	letslounge	(X)HTML	3	14.09.2006 21:07