0

我已经编写了一列,其中包含几个红色框,每个都包含一个较小的灰色框。单击灰色框时,我希望所有红色框都向左移动 100 像素,但包含被单击的灰色框的红色框除外。我知道我需要使用某种形式的.not()来排除我想要保持静止的红色框的孩子,但是我不确定在.not()括号内放什么。

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

JS

$(document).ready(function() {

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

2 回答 2

2

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

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

演示

于 2014-03-06T04:21:10.683 回答
1
  $('.foo').click(function () {
      alert("a");
      $('.blah').not($(this).parent()).animate({
          left: '60px'
      });
  });

演示

于 2014-03-06T04:23:07.857 回答