jQuery - これまたは前または次ではない？

Question

'this'以外のクラスのすべてのdivを選択するにはどうしたらいいですか？以下のコードは、 'この' 以外のすべてのものを選択します。

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

おかげ

UPDATE - ここに私の完全なコードです：

$(".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. 
      }); 

    }); 


}); 

すべてdiv.image-のdivの250ピクセルが広いから始めます。私はそれが必要なので、あなたがdivをクリックすると、それは500pxに拡大し、両側の隣人（div.image-divのもの）は125pxに縮小します。

もう一度divをクリックすると、divとその近隣のサイズが250pxにサイズ変更されます。また、別のdivをクリックすると、すべてのdiv（クリックされたdivとその隣人を除く）が250pxにサイズ変更されます。

おかげ

Answer 1

私は自分の理解のためにそれを少し変更しましたが、あなたはそれを把握することができるはずです。それはうんざりですが、うまくいきます。

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); 
     });