用其他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; 
});