Question

我对Javascript和Jquery知之甚少，这就是我想做的事。

我有2个div和

这个概念

如果div-a = Canada的内部html然后将div-b中的图像更改为image1

否则如果div-a = USA的内部html然后将div-b中的图像更改为image2

否则隐藏div-b

并且该函数应该在document.load上工作，以及在div -a更改时onclick。

感谢您的帮助：）

Answer 1

这是你在找什么？

fiddle

HTML

<div class="div-a">Canada</div>
<div class="div-b"><img src=""></div>

<a class="link" href="#">USA</a>
<a class="link" href="#">Canada</a>
<a class="link" href="#">Wohoo</a>

JS

function loadImg(str) {
    switch(str) {
        case 'Canada':
             $('.div-b img').show().attr('src', 'http://ec.europa.eu/education/images/flags/canada.gif');
             break;
        case 'USA': 
             $('.div-b img').show().attr('src', 'http://ec.europa.eu/education/images/flags/usa.gif');
             break;
        default: 
            $('.div-b img').hide();
    }
}

$(document).ready(function(){

    loadImg($('.div-a').text());

    $('.link').click(function() {
          $('.div-a').text($(this).text());
          loadImg($(this).text());
    });
});

如果div-b中的内容等于此，则更改div-a的图像

1 个答案: