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

我用了一个图像滑块，每个图像下面都有一个标题，看起来有点像这样

<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>

图一挪威的讲坛岩石景观。


图2-灯塔的景色。

...

使用一点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

标记

这可能吗

感谢您的帮助。提前谢谢

这不应该起作用吗

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

---

其中，

i

是一个变量（INT），在图像滑块中向前移动时可以得到

i++

，在图像滑块中后退一步时可以得到一个（

i--

）的减影。

是否希望所有标题都显示在该

p

中是的，但滑块使用的是

display:noneli

上的code>，因此它一次只显示一个图像和一个标题。因此，我希望

p

标记在图像更改时更新。您能显示到目前为止所做的代码吗？让我模拟一下。我正在考虑使用jqueryappend方法。给我一点时间，好的，这就是我要做的。查看图像更改时“这是标题1”文本如何保持不变？您是否在该行代码之前定义了

i

<代码>变量i=0在我执行此操作时对我有效。如果您愿意，我可以帮助您将其集成到图像滑块功能中。当然！如果你认为那样最好。谢谢！不用客气，谢谢你，伙计！我学到了很多。谢谢你的评论！