jQuery - Pas ceci ou prev ou suivant?

Question

Comment puis-je sélectionner tous les div d'une classe sauf 'this', et aussi pas les divs suivant et précédent? Le code ci-dessous sélectionne tout sauf 'ceci':

$(".image-div").not(this).each(function() { 
      $(this).animate({ 
        width: '250px' 
       }, 500, function() { 
       // Animation complete. 
      }); 
     } 
    }); 

Merci

MISE À JOUR - Voici mon code complet:

$(".image-div").click(function() { 


    if ($(this).css('width') != '500px') { 

     $(this).animate({ 
      width: '500px' 
      }, 500, function() { 
      // Animation complete. 
     }); 

     $(this).prev().animate({ 
      width: '125px' 
      }, 500, function() { 
      // Animation complete. 
     }); 

     $(this).next().animate({ 
      width: '125px' 
      }, 500, function() { 
      // Animation complete. 
     }); 


    } else { 
     $(this).animate({ 
      width: '250px' 
      }, 500, function() { 
      // Animation complete. 
     }); 
    } 


    $(".image-div").not(this).each(function() { 
      $(this).animate({ 
        width: '250px' 
       }, 500, function() { 
       // Animation complete. 
      }); 

    }); 


}); 

Toutes les div.image-div Commençons 250px de large. J'en ai besoin quand vous cliquez sur un div, il s'étend à 500px et ses voisins des deux côtés (aussi div.image-div) rétrécissent à 125px.

Lorsque vous cliquez à nouveau sur la div, elle et ses voisins redimensionnent à 250px. Aussi, si vous cliquez sur un autre div, tous les divs (sauf pour le cliqué sur div et ses voisins) redimensionner à 250px.

Merci

Answer 1

je l'ai changé un peu pour ma propre compréhension, mais vous devriez être en mesure de comprendre. C'est bâclé, mais ça fonctionne.

var divClicked = $(this); 

$(".image-div").not(divClicked).not($(".image-div").next()).not($(".image-div").prev()).each(function() { 
     $(this).css({ 
      background: 'blue' 
     }); 

}); 

Answer 2

$(".image-div").click(function() { 
      $(".imagediv").not($(this)).not($(this).next()).not($(this).prev()).animate({ 
        width: '+=250px' 
       }, 500); 
     });