jquery - 选择类中的特定元素

Question

我是 jQuery 的初学者，我在尝试解决这个问题时遇到了一些困难:

所以我有类似的东西:

<div class="app">
<div class="app-text"></div>
</div>

<div class="app">
<div class="app-text"></div>
</div>

我想使用 jquery 来更改 .app-text 的颜色，但是当使用 .app-text 时，它也会更改另一个 div 中的 app-text (显然)，那么我如何只更改 .app-text 的颜色呢？悬停在 .app div 内的 app-text。鼠标悬停在 .app div 上时需要触发该事件。

(同一页面上会有相当多的.app div)

Answer 1

您可以使用$(选择器，上下文):

$('.app').hover(function(){
   $('.app-text', this).foo()
  }, function(){
   $('.app-text', this).bar()
})