jquery - fonction d'exécution sur chaque élément, sauf celui qui a été cliqué

Question

Comme quelques exemples de code, je pourrais avoir quelque chose comme ceci:

$('a.parent').click(function(){ 

     $('a.parent').each(function(){ 
      $(this).stop(true,false).animate({ 
       width: '140px' 
      },200,function(){ 
      }); 
     }); 

     $(this).animate({ 
      width: '160px' 
     },200,function(){ 
     }); 

    }); 

Le problème est que je ne veux pas l'élément qui a été cliqué à animer à 140px largeur, puis de nouveau à 160px.

Existe-t-il un moyen d'exécuter 'each' uniquement sur les éléments d'un ensemble qui n'ont pas été cliqués? Ou y a-t-il un meilleur moyen?

Answer 1

vous pouvez utiliser: non (cela) donc changer:

$('a.parent').each(function(){ 
      $(this).stop(true,false).animate({ 
       width: '140px' 
      },200,function(){ 
      }); 
     }); 

à:

$('a.parent:not('+this+')').each(function(){ 
      $(this).stop(true,false).animate({ 
       width: '140px' 
      },200,function(){ 
      }); 
     }); 

ou utilisez .pas (ce) après $ ('a.parent'), de sorte que:

$('a.parent').not(this).each(function(){ 
       $(this).stop(true,false).animate({ 
        width: '140px' 
       },200,function(){ 
       }); 
      });