用其他3個div之一更改div的內容？

Question

我有3個鏈接，並有一個圖像的容器div。當我點擊一個鏈接時，我想用包含3個不同視頻代碼的3個div中的一個來更改圖像？

所以，如果我點擊一個鏈接，然後更改圖像videocode 1

什麼是這樣做的最佳方式？ appendTo，replaceWith或什麼 - 與jQuery。 謝謝。

Answer 1

你在找這樣的事嗎？

<a href="image1.jpg">Link 1</a> 
<a href="image2.jpg">Link 2</a> 

<img id="image" src="image1.jpg" /> 

$('a').click(function() { 
    $('#image').src($(this).attr('href')); 
    return false; 
}); 

另一種解決方案：

<a href="#image1">Link 1</a> 
<a href="#image2">Link 2</a> 

<div id="container"> 
    <img id="image1" src="image1.jpg" /> 
    <img id="image2" src="image2.jpg" /> 
</div> 

$('a').click(function() { 
    $('#container img').hide(); 
    $('img'+$(this).attr('href')).show(); 
    return false; 
}); 

---

基於您的評論，這樣的事情應該做的伎倆：

<a href="#videocode1">Link 1</a> 
<a href="#videocode1">Link 2</a> 

<div id="container"> 
    <img id="image1" src="image1.jpg" /> 
    <div id="videocode1"> 
    yadda 
    </div> 
    <div id="videocode2"> 
    yadda 
    </div> 
</div> 

$('a').click(function() { 
    $('#container img, #container div').hide(); 
    $($(this).attr('href')).show(); 
    return false; 
});