将内容从一个元素复制到另一个元素

Question

我有一个我正在使用的图像滑块，每个图像下面都有一个标题，看起来有点像这样。

<ul class="image-slider">
    <li>
      <img src="img-1.jpg">
      <figcaption>Fig1. - A view of the pulpit rock in Norway.</figcaption>
    </li>
    <li>
      <img src="img-2.jpg">
      <figcaption>Fig2. - A view of lighthouse.</figcaption>
    </li>
    ...
</ul>

使用一点jQuery，此图像滑块可以滑动，显示一个图像及其标题。

我的网站上有一个描述框，我希望我的标题真正出现。

<div class="description">
  <h3>Image Gallery</h3>
  <p class="caption">This is where I want my caption to appear</p>
</div>

我不能使用任何绝对定位或CSS，我需要使用其他内容（可能是Javascript）将标题文本移到p标记。

这可能吗？

感谢任何帮助。提前谢谢！

Answer 1

不应该这样吗？

$(".caption").text($('li:nth-child('+i+')').text());

其中i是一个变量（INT），当在图像滑块中向前移动时可以获得i++并且当一个人向前退一步时可以减去一个（i--）图像滑块。