javascript - 特定の子要素を見つけて src を変更する

Question

2 つの種類がある場合でも、div 内の特定の要素を見つける方法を知りたいです。

<div id="man_1">
    <img src="img/img_1.gif" width="80" />
    <img id="img_1" class="test" src="img/img1.png" />
</div>

そしてこのjquery：

$('#man1').find(".test").attr('src', 'bla.png');

私の試みは、クラスを追加して要素を見つけ、これを見つけることでした。残念ながら機能しません。

ありがとう

Answer 1

明らかな答えはid、jQuery で間違った使い方をして、以下を省略したこと_です。

$('#man1').find(".test").attr('src', 'bla.png');

次のようにする必要があります。

$('#man_1').find(".test").attr('src', 'bla.png');

JS フィドルのデモ。

正しい. id_ _

Answer 2

セレクターで ID を修正します。から'#man1' まで'#man_1'

 $('#man_1').find(".test").attr('src', 'bla.png');

要素の ID へのマッピング:-

<div id="man_1">

フィドル

Answer 3

子セレクターを使用するだけです

$('#man_1 > .text').attr('src', 'bla.png');