jQuery - 次の子供の中の要素を見つける方法？

Question

私はこのコードで「.findme」を見つけるためにjQueryのステートメントを必要とする：

$('.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> 

私は.find()と.next()と.children()のバリエーションを試してみたと私はかなりそれをうまくすることはできません....

$(this).find('.findme')で

Answer 1

thisは、実際にクリックされた要素（クラスclickyとのdivを指します。

.find()が実際にあなたがそれを呼び出す要素の子孫を検索し、」以来、"が" clicky "div内にない場合は見つかりません。

あなたは代わりに「clicky」のdiv（つまり「brother 『だ）直後の兄弟を取得するjQueryの.next()機能を使用してから、』 findme」のdivのためにそこに検索する必要があります。

$(this).next().find(".findme").css("color", "red"); 

Answer 2

あなたは

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

を変更しようとすることができることと私はあなたがdivの

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

私をクリックし、内部のテキストを見逃すことだと思います