jQuery - Función de ejecutar en cada elemento excepto la que se ha hecho clic

Question

Como un código de ejemplo, podría tener algo como esto:

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

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

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

    }); 

El problema es que yo no quiero que el elemento que se ha hecho clic a animar a 140px de ancho y luego volver a 160px.

¿Hay alguna manera de ejecutar 'cada' solo en los elementos de un conjunto que no fueron seleccionados? ¿O hay un mejor camino?

Answer 1

puede utilizar: no (este) para cambiar:

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

a:

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

o utilizar .no (este) después $ ('a.parent'), por lo que:

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