适用于兄弟姐妹/儿童/家长的JQuery选择器

Question

所以我觉得我的头衔几乎是模棱两可的，但事实是我甚至不确定如何澄清...因此这个问题。

HTML

<tr>  
  <div class="thisis(this)inmyexample"></div>
  <div class="stuff">
    <div class="foo"></div>
  </div>
</tr>

我的问题是选择器的不同之处。 我们假设.stuff是$(this)的兄弟如果我使用这个：

$(this).closest('tr').find('.stuff .foo')

现在，我意识到这不是有效的编码，但它只是一个简单的例子。 有了它，我会发现.foo所有类都是.stuff孩子。

如果我用这个：

$(this).siblings('.stuff .foo')

我找不到任何东西。 这可能是我对jquery说话的经验不足，但是为什么不会那种选择器（你称之为使用空格的选择器还是两者一起，如'.stuff.foo' ？）与.siblings之类的东西一起工作？ 我的期望是，它会找到该类的所有兄弟姐妹.stuff ，然后找到的所有儿童.stuff一类的.foo 。 它不起作用，因为兄弟姐妹/孩子/父母正在寻找兄弟姐妹/父母/孩子而不会过去吗？

我知道我可以用这个：

$(this).siblings('.stuff').children('.foo')

我实现了我的目标。 我只是好奇为什么我的上面的选择器（如果那是它被正确调用的那样）不起作用。

提前致谢！

Answer 1

你回答了自己的问题，你找不到任何与$（this）.siblings（'。stuff .foo'）的东西，因为.foo不是$（这个）的兄弟，它有点像'孙子'。选择器，它会查找.foo兄弟姐妹，它们有.stuff父母，而你有$（这个），.stuff和.foo的兄弟，.stuff的孩子，而不是$（这个）的兄弟。