找到特定的子元素并更改src

Question

我想知道如何在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

显而易见的答案是你在jQuery中使用了错误的id，省略了_：

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

应该是：

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

JS Fiddle demo

如果您使用正确的id，您会发现它有效（jQuery不会尝试猜测您正在尝试做什么）。

Answer 2

将您的ID修复为选择器。从'#man1'到'#man_1'

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

映射到元素的id： -

<div id="man_1">

Fiddle

Answer 3

我只想使用子选择器

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