Question

我有3个链接，还有一个带图像的容器div。当我点击链接时，我想用包含3个不同视频编码的3个div中的一个更改图像？

因此，如果我点击第一个链接，然后将图像更改为视频编码1。

这样做的最佳方式是什么？ appendTo，replaceWith或what - with 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;
});

用其他3个div改变div内容？

1 个答案: