2010-05-16 6 views
0

Existe-t-il un moyen pour une fonction jQuery de "sauter" un li? Tels que Avoir 3 éléments de la liste, vous cliquez sur le 1er, il appelle une fonction next(), et saute le 2ème li et va au 3ème.jquery ignorer la liste item

code actuel est ici.

$ ('ul.gallery li') cliquez sur (function() {$ (fenêtre) .scrollTo ($ (this) .next ('li'), 800 , {easing: 'easeOutCirc', axe: 'x', décalage: -50}); });

Je veux qu'il passe le li immédiat et va à celui après cela.

Répondre

0

La meilleure approche serait de simplement appeler .next() à nouveau, comme ceci:

$('ul.gallery li').click(function() { 
    $(window).scrollTo($(this).next('li').next('li'), 
         800, 
         {easing:'easeOutCirc', axis:'x', offset:-50 }); 
}); 

Si le <li> vous vouliez eu une classe spécifique, comme celui-ci:

<ul> 
    <li>Stuff</li> 
    <li>Stuff 2</li> 
    <li class="selectMe">Stuff 3</li> 
</ul> 

Vous pouvez utiliser .nextAll() à la place de .next(), comme ceci:

$('ul.gallery li').click(function() { 
    $(window).scrollTo($(this).nextAll('li.selectMe:first'), 
         800, 
         {easing:'easeOutCirc', axis:'x', offset:-50 }); 
}); 
+0

Impressionnant, merci. – steve

0

ajouter une classe à la LI que vous voulez sauter et utiliser :not

et exemple de jQuery Documentation

$("input:not(:checked) + span").css("background-color", "yellow");