用 jQuery 选择某种最接近的 child 似乎不起作用

Question

我尝试通过以下方式实现嵌套选项卡模块。

通过单击一个 .tabs__menu 项，我希望获得下一个 .tabs__contents 以显示正确的条目。

我已经准备了一个带标记的代码笔，并删除了所有不重要的代码，所以不要因为它不起作用而生气。我不明白为什么变量 debug2 为 0 而 debug3 为 1。我希望 debug2 也为 1，因为我希望以下表达式可以找到该元素。谁能帮我解决这个问题？:

.find(".tabs__contents").not(".tabs__contents .tabs__contents");

https://codepen.io/anon/pen/JNLWQp

提前致谢并致以最良好的祝愿， 杜克

Answer 1

好的，我有一个假设为什么它不起作用。似乎 .not 方法不是从给定集合开始相对搜索，而是全局搜索。有了这个声明

.not(".tabs__contents .tabs__contents")

debug2 找到自己并将其从集合中排除，这就是长度为 0 的原因。