Jquery trouver l'élément précédent avec la même classe dans dom

Question

Une question sur supérieure jQuery

Je veux trouver un élément dom avec classe dit, abc, quand je clique sur un élément avec la même classe. Maintenant, la recherche devrait être exactement l'élément précédent.

code je l'ai écrit:

$(this) 
    .closest('.abc') 
    .parent() 
    .prevAll() 
    .find('.abc') 
    .first() 
    .triggerHandler("focus"); 

Ceci est à la recherche de retour dom et la recherche abc précédent du parent, mais si la doesnt classe « abc » existe dans dom précédent, je veux chercher jusqu'à ce qu'il trouve abc, Aussi essayé avec prevuntil de jquery toujours pas de chance.

Si quelqu'un peut m'aider, merci beaucoup.

Answer 1

Vous pouvez l'utiliser pour obtenir l'élément précédent:

var $current = $(this); //the element you have 
var $elems = $('.abc'); //the collection of elements 

var $previous = $elems.eq($elems.index($current) - 1); //the one you needed 

• jsFiddle Demo
• .index()

I woul Je ne dis pas que c'est le code le plus efficace possible, mais sans connaître l'arbre DOM, c'est le meilleur que je puisse trouver. Si vous réexécutez uniquement $('.abc') lorsque le DOM a pu être modifié et que vous utilisez uniquement la version mise en cache ($elems), cela devrait fonctionner correctement.

Answer 2

Voici un moyen rapide et sale:

$('.abc').click(function(){ 
    var clicked = this; 
    var last; 
    // Go though all elements with class 'abc' 
    $('.abc').each(function(){ 
     if(this == clicked) return false; 
     last = this; 
    }); 
    if(last) $(last).triggerHandler("focus"); 
});