javascript - jQuery 'not' 函数给出虚假结果

Question

做了一个 fiddle :http://jsfiddle.net/n6ub3/

我知道代码中有很多重复，一旦功能正确，它就会在重构列表中。

我试图实现的行为是，如果页面加载时没有 selectedTab，则将每个组中的第一个选项卡设置为 selectedTab。如果存在 selectedTab，则使用它作为默认显示的 div。

但是，正如您从 fiddle 中看到的那样，它没有按计划工作!

如果有人对如何重构这段代码有任何想法，那就太好了!

Answer 1

改变

 if($('.tabs1 .tabTrigger:not(.selectedTab)')){
                $('.tabs1 .tabTrigger:first').addClass('selectedTab');
        }

到

if ( !$('.tabs1 .tabTrigger.selectedTab').length ) {
    $('.tabs1 .tabTrigger:first').addClass('selectedTab');
}

演示在 http://jsfiddle.net/n6ub3/1/

---

他们按照您的方式(第一个代码部分)添加 .selectedTab 类，如果至少有一个该组中未在开始时选择的选项卡..(这意味着总是)

---

更新

有关简化版本，请参阅 http://jsfiddle.net/n6ub3/7/