измените изображение div-a, если содержание в div-b равно этому

Question

У меня нет большого знания Javascript и JQuery, и вот что я хочу делать.

У меня есть эта концепция с 2 дивы и

если внутренний HTML из Div-а = Канада затем изменить изображение в Div-б к image1

еще если внутренний HTML из Div-а = США затем изменить изображение в Div-б к iMAGE2

еще скрыть Div-б

и функция должна работать на document.load, а также OnClick, когда Div-а изменения.

спасибо за помощь заранее :)

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