jquery - 加载时更改 div 中的 img src

Question

我有以下 HTML，我正在尝试完成两件事。 1. Onload将第一个项目图像更改为1-B.png 2. 如果单击了任何其他链接，则更改图像以反射(reflect)所单击的内容。

<ul class="tabs">
<div class="q1"><a href="#"><img src="/visuals/1-A.png" border="0" alt="" /></a></div>
<div class="q2"><a href="#"><img src="/visuals/2-A.png" border="0" alt="" /></a></div>
<div class="q3"><a href="#"><img src="/visuals/3-A.png" border="0" alt="" /></a></div>
<div class="q4"><a href="#"><img src="/visuals/4-A.png" border="0" alt="" /></a></div>
</ul>

我使用以下内容进行加载，但它没有改变

$('ul.tabs > .q1 > .current > a:first').click(function(e){
      $('.q1').attr('src',('/visuals/1-B.png'));
});

如有任何帮助，我们将不胜感激

Answer 1

您需要更改 <div> 内的图像:

$('.q1 img').attr(...)

要“重置”所有其他图像，您可以使用以下代码:

$(".tabs div").not(".q1").each(function(index) {
   $(this).find("img").attr('src', '/visuals/' + index + '-A.png');
});