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

Question

如何从一个div类中逐个取出内容，然后加载到数组中？然后我需要将这些一个一个地插入到其他一些 div 类中。基本上，我有 2 种形式，其中一种是虚拟形式，该虚拟形式从 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> 

有没有办法做到这一点？谢谢!

Answer 1

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

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

http://jsfiddle.net/seeSv/

---

编辑:这里是使用的方法的 api 页面:

http://api.jquery.com/attribute-equals-selector/
http://api.jquery.com/each/
http://api.jquery.com/eq-selector/
http://api.jquery.com/before/