jQuery遍历.not

Question

我编写了一个包含一个较小的灰色框的几个红色框的列。单击一个灰色框时，我希望所有红色框的动画效果都是100px，除了包含单击的灰色框的红色框。我知道我需要使用某种形式的.not()来排除我想要保持静止的红色框的孩子，但是我不确定要放在.not()括号内的内容。

http://jsbin.com/taforuxu/2/edit

JS

$(document).ready(function() {

  $('.foo').click(function() {
     $('.blah').not(???).animate({left:'100px'});
  });
});

Answer 1

您想要排除blah被点击的foo的父节点，所以

$('.blah').not(this.parentNode).animate({left:'100px'});

Demo

Answer 2

  $('.foo').click(function () {
      alert("a");
      $('.blah').not($(this).parent()).animate({
          left: '60px'
      });
  });

Demo