我有以下 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'));
});
如有任何帮助,我们将不胜感激
最佳答案
您需要更改 <div>
内的图像:
$('.q1 img').attr(...)
要“重置”所有其他图像,您可以使用以下代码:
$(".tabs div").not(".q1").each(function(index) {
$(this).find("img").attr('src', '/visuals/' + index + '-A.png');
});
关于jquery - 加载时更改 div 中的 img src,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6174139/