Question

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

<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>

我使用以下内容进行onload但它没有改变

$('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');
});

Answer 2

尝试

$(document).ready(function() {
    $('.q1 img').attr('src',('/visuals/1-B.png'));
    $('.q1 a').click(function(){
        $(this).attr('src',(...what u want...));
    });
});

Answer 3

$(document).ready(function()
{
    $("div-1 > img").attr('href', image.link);
    $("div-1 > img").attr('src', image.src);
});

除上述内容外：

var src  = $('.rg-image img').attr('src');

OR

var src  = $('.rg-image').find('img').attr('src');

OR

var src=$('.rg-image').children("img").attr('src');

在加载div时更改img src

3 个答案: