jQuery - suivant (élément) ne fonctionne pas

Question

J'ai cette structure:

<ul> 
    <li> 
    <a> link .. </a> 
    <span> text </span> 
    <ul> 
     ... 
    </ul> 
    </li> 
    ... 

J'ajoute un événement de clic sur les éléments <span> et <a> et je suis en train de sélectionner le <ul> imbriquée à l'aide $(this).next("ul");

Cela fonctionne pour la plage, mais pas pour le lien. Qu'est-ce que je fais mal ici?

Answer 1

Un gestionnaire de clic sur l'ancre ne verra pas le UL si vous utilisez next pour le saisir, puisque next ne sélectionnera que le lendemain frères et soeurs. Vous pouvez essayer:

$("a").nextAll("ul").hide(); 

ou:

$("a").parent().find("ul").hide(); 

ou:

$("a").siblings("ul").hide();