jQuery - 在 'this' 的上下文中如何选择子项的子项？

Question

在滚动包装器 div 时，我需要不同的嵌套子级来执行不同的操作。

一个 div 需要淡入一定程度的不透明度，另一个 div 需要做另一件事。

它包含了很多我无法篡改的东西。

我不知道如何称呼 child 中的 child ......我已经尝试了 jQuery 的每一个 frikkin 组合，但它只是不想玩，因为它与函数的“this”部分 Hook 。

但是如果我去掉“this”，它会对文档中的所有实例执行该操作。

<div class="vpMedia"><li><a href="http://site.com"><div class="vpArrow"><image src="http://site.com/image1"></div><div class="vpLeft">Title</div><div class="vpRight">
<div class="vpRightImg"><image src="http://site.com/image2"></div></div></a></li></div>

我到处搜索与寻找 child 中的 child 相关的问题或主题，但可惜的是，周围什么也没有。我没见过这样的事情:

this.children(.foo).children(#bar)

或者也许走这条路？

this > .foo > #bar

因为它永远不会工作，所以“this”需要脱离引号。那么如果我们不能使用 em 有什么解决办法呢？

编辑 - 好的，这确实是一个新手问题。抱歉，希望能对初学者有所帮助。感谢您的耐心等待。

Answer 1

尝试过 $(".foo>#bar", this) 或 $(this).children('.foo').children('#bar')?

此外，请记住，合法的 ID 在页面内应该是唯一的，因此该示例可以只写 $('#bar')...