2016-05-28 8 views
1

HTMLnächste ("some Klasse") funktioniert nicht

<div class="linksrtitle">Lorem ipsum</div> 
<div class="linksrspace"></div> 
<div class="linksrwrap"> // this div should be slided 
<a class="linkr" href="volim-da-stoje.php">Lorem ipsum</a> 
<a class="linkr" href="ova-salate-je-umrla.php">Lorem ipsum</a> 
<a class="linkr" href="nova-rasa.php">Lorem ipsum</a> 
</div> 
<div class="linksrspace"></div> 

JS

$(".linksrtitle").click(function(){ 
    $(this).next(".linksrwrap").slideToggle(); // doesn't work 
}); 

Warum das Click-Ereignis funktioniert nicht. Die Konsole ist leer.

+1

Versuchen Sie, die Dokumente zu lesen: https://api.jquery.com/next/ Get ** unmittelbar nach ** Geschwister jedes Elements in dem Satz von abgestimmten Elementen. Wenn ein Selektor bereitgestellt wird, ruft er nur das ** nächste Geschwister ab, wenn es mit diesem Selektor übereinstimmt. ** '$ (". Linksrtitle "). Next()' ist immer '.linksrspace', egal was' $ (". Linksattritle ") .next (". linksrwrap ")' ist immer noch '.linksrspace', gibt aber null zurück, da es nicht '.linksrwrap' ist. –

Antwort

2

Verwenden nextAll() (mit first(), wenn mehrere Geschwister mit derselben Klasse gibt es), dass zu bekommen. next() nur direkt folgende Geschwister auswählen.

$(".linksrtitle").click(function() { 
 
    $(this).nextAll(".linksrwrap").slideToggle(); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="linksrtitle">Lorem ipsum</div> 
 
<div class="linksrspace"></div> 
 
<div class="linksrwrap">// this div should be slided 
 
    <a class="linkr" href="volim-da-stoje.php">Lorem ipsum</a> 
 
    <a class="linkr" href="ova-salate-je-umrla.php">Lorem ipsum</a> 
 
    <a class="linkr" href="nova-rasa.php">Lorem ipsum</a> 
 
</div> 
 
<div class="linksrspace"></div>

+0

sollte als nächstes dran sein, sollte es nicht sein. Wie auch immer, gelöst, vielen Dank. – bonaca

+1

nächste * ist * nächste, aber linksrwrap ist * nicht * die nächste, wenn nach linksrtitle, linksrspace ist –

+0

@ freedomn-m, 'linksrwrap' IS nächste der Klasse' linksrwrap'. Ich schrieb 'next (". Linksrwrap ")' und nicht nur 'next()' – bonaca

Verwandte Themen