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

Question

我对 Javascript 和 Jquery 了解不多，这就是我想做的。

我有这个概念，即拥有 2 个 div 和

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

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

否则隐藏 div-b

并且当 div-a 更改时，该功能应该在 document.load 和 onclick 上工作。

我在这里先向您的帮助表示感谢 ：）

Answer 1

这是你想要的？

小提琴

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