將內容從一個元素復制到另一個

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