javascript - 找到特定的子元素并更改 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

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

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

应该：

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

JS 小提琴演示。

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

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');