Javascript jQuery-如何在下面的子元素中查找元素？

我需要jQuery语句在此代码中查找“.findme”：

$('.clicky').click(function() {
    // the .find() method doesn't do it
    $(this).find('.findme').css('color', 'red');
});

<div class='clicky'></div>
<div class='brother'>
    <div class='findme'>Here I am</div>
</div>

$（'.clicky'）。单击（函数（）{
//.find（）方法不能做到这一点
$（this.find（'.findme'）.css（'color'，'red'）；
});
我来了

---

我尝试了

.find（）

和

.next（）

和

和
.children（）
的变体，但我不能完全解决它….
这个
在
$（this）中。find（'.findme'）
实际上是指被单击的元素（类为
clicky
的div）

.find（）
实际上搜索您调用它的元素的后代，由于“
findme
”不在“
clicky
”div中，因此它找不到它

您应该改为使用jquery的
.next（）
函数来获取紧跟在“
clicky
”div（即“
brother
”）之后的同级，然后在那里搜索“
findme
”div

$（this.find（'.findme'）
中的
this
实际上指的是被单击的元素（类为
clicky的div
）

.find（）
实际上搜索您调用它的元素的后代，由于“
findme
”不在“
clicky
”div中，因此它找不到它

您应该改为使用jquery的
.next（）
函数来获取紧跟在“
clicky
”div（即“
brother
”）之后的同级，然后在那里搜索“
findme
”div

你可以试着改变

$('.clicky').click(function() {
    // the .find() method doesn't do it
   $(this).siblings().children('.findme').css('color', 'red');
});

我想你错过了div的click me内部文本

<div class='clicky'>click me!!!</div>
<div class='brother'>
  <div class='findme'>Here I am</div>
</div>

点击我！！！
我来了
您可以尝试更改

$('.clicky').click(function() {
    // the .find() method doesn't do it
   $(this).siblings().children('.findme').css('color', 'red');
});

我想你错过了div的click me内部文本

<div class='clicky'>click me!!!</div>
<div class='brother'>
  <div class='findme'>Here I am</div>
</div>

点击我！！！
我来了