Javascript 从多个div中获取文本并放置在其他相应的div中

我有一个项目，我需要从多个容器中复制文本并将其添加到其他容器中

具体来说，我在HTML页面的一个位置有多个问答文本，我需要复制文本并将其放置在页面上不同的对应位置

我已经设置了一个代码笔来更好地解释我需要什么（演示时使用了4个问题，但在我的项目中有20个问题）：

我需要所有“源”文本来替换相应位置的“目标”文本，例如

.target>q1

和

.target>a1

需要将替换为

.source>q1

和

的HTML文本

当我试图获取每个问题的
索引并将其与相应的div相匹配时，我的JS/Jquery技能失败了——例如，确保只有问题2的源文本被放在问题2的目标中

有人能帮我吗？非常感谢
 尝试选择类以“a”开头的元素，并将一个变量（让data=''）初始设置为空，然后调用。each（）将所有文本（）追加到该元素中，并在.each（）结束时追加。最后将该数据设置为目标容器的text（）

  let data=''
  abc = ()=> {
      $().each(()=>{
      data = $(this).text()
  })
  $().text(data)
  }

您可以通过添加“answer”作为类来轻松选择答案，其中类“a”作为前缀，答案号保留在那里。有关div内容的更多信息，请尝试使用html（）或innerHtml（）？！代替text（）
此示例可能有助于：


$（函数（）{
$（“.source item”）。每个（函数（i，el）{
var q=$（“div[class*='q']”，el.text（）；
var a=$（“div[class*='a']”，el.text（）；
$（“.target item div.q”+（i+1））.html（q）；
$（“.target item div.a”+（i+1））.html（a）；
});
});
。目标项{
边缘底部：20px；
颜色：红色；
}
.来源项目{
边缘底部：20px；
颜色：绿色；
}

问题1文本目标
答案1文本目标
问题2文本目标
答案2：文字目标
问题3文本目标
答案3文本目标
问题1源文本
答复1原文
问题2源文本
答复2原文
问题3源文本
答复3原文
这有点让人困惑。你尝试了什么？我将检查源组和目标组，并使用
.eq（）
帮助它们对齐。非常感谢！这是一个很大的帮助，正是我想要的。为了帮助我理解，你能解释一下“el”和（i+1）部分在每个函数中的作用吗？如果你能回答的话，我还有一个问题！如果目标类和源类不是唯一编号的（即，我们有“目标q”和“源q”，而不是“q1”和“a1”等等），我们如何处理这种情况？同样的方法。我不需要索引号。