jquery - Jquery 目标非子元素

Question

我有一系列使用 jquery .animate 方法打开的选项卡。它们都有相同的类名，所以我使用 .children 方法只打开单击的选项卡。

问题是我需要在打开时关闭所有其他选项卡。我需要定位所有选项卡内部类，不包括单击的子级。

<div class="tab">
    <div class="tab-inner">
    </div>
</div>

<div class="tab">
    <div class="tab-inner">
    </div>
</div>

<div class="tab">
    <div class="tab-inner">
    </div>
</div>

$('.tab').toggle(function() {
        $(this).children('.tab-inner').animate({width: 840});
  }, function() {
        $(this).children('.tab-inner').animate({width: 60});
  });

Answer 1

$(this).siblings().children('.tab-inner')

Answer 2

您可以.tab-inner先为所有元素设置动画：

$('.tab').toggle(function() {
    $('.tab-inner').animate({ width : 60 });
    $(this).children('.tab-inner').animate({ width : 840 });
}, function() {
    $(this).children('.tab-inner').animate({ width : 60 });
});