Javascript 使用div类和表单进行数据操作

如何从div类中逐个获取内容，然后将其加载到数组中？然后我需要一个接一个地插入到另一个div类中。 基本上，我有两个表单，其中一个是dummy，这个dummy从CMS获取其内容。虚拟窗体是隐藏的，而实际窗体是显示的，但一开始是空的。 我需要使用jquery从表单中获取虚拟文本并将其插入到真实表单中

大概是这样的：

  <form name="real" method="post" action=""> 
  <input type="text" name="first" id="a"/> 
  <input type="text" name="second" id="b"/> 
  <input type="text" name="third" id="c"/> 
  <input type="text" name="fourth" id="d"/> 
  <input type="submit" value="submit"/> 
  </form> 

  <form name="extract" style="display:none;"> 
  <div class="generic">data_1</div> 
  <div class="generic">data_2</div> 
  <div class="generic">data_3</div> 
  <div class="generic">data_4</div> 
  </form> 

  <form name="real" method="post" action=""> 
  data_1 <input type="text" name="first" id="a"/> 
  data_2 <input type="text" name="second" id="b"/> 
  data_3 <input type="text" name="third" id="c"/> 
  data_4 <input type="text" name="fourth" id="d"/> 
  <input type="submit" value="submit"/> 
  </form> 

数据1
数据2
数据表3
数据4

必须变成这样：

  <form name="real" method="post" action=""> 
  <input type="text" name="first" id="a"/> 
  <input type="text" name="second" id="b"/> 
  <input type="text" name="third" id="c"/> 
  <input type="text" name="fourth" id="d"/> 
  <input type="submit" value="submit"/> 
  </form> 

  <form name="extract" style="display:none;"> 
  <div class="generic">data_1</div> 
  <div class="generic">data_2</div> 
  <div class="generic">data_3</div> 
  <div class="generic">data_4</div> 
  </form> 

  <form name="real" method="post" action=""> 
  data_1 <input type="text" name="first" id="a"/> 
  data_2 <input type="text" name="second" id="b"/> 
  data_3 <input type="text" name="third" id="c"/> 
  data_4 <input type="text" name="fourth" id="d"/> 
  <input type="submit" value="submit"/> 
  </form> 

数据1
数据2
数据表3
数据4

有办法做到这一点吗？

---

谢谢

有很多方法可以做到这一点。例如：

$('[name=extract] div').each(function(index){
    $('[name=real] input:eq('+index+')').before($(this).text());
});

---

编辑：以下是使用的方法的api页面：

---

您可能想查看jQuery

我将提供以下版本：

$('.generic').each(
    function(i){
        $('input:text').eq(i).val($(this).text());
    });

假设：

div.generic

：

input[type=text]

参考资料：

,

---

哇，谢谢你，做了它应该做的。虽然我觉得有点困惑。你能告诉我在哪里展示和讨论这些方法吗？我在jQueryAPI上搜索了几个小时，但没有找到类似的结果：）