使用JavaScript / jQuery在表单中移动输入字段位置

Question

我的网站上有以下表格

input a
input b
input c

是否可以使用jQuery完成以下操作？

input a
input c
input b

请记住，表单仍需要正确收集数据。

请告知。

Answer 1

是的，这是可能的，虽然相同的技术，id更容易，但如果您只知道要移动哪一个，那么：

$('input:text:nth-child(3)').insertAfter($('input:text:nth-child(1)'));

JS Fiddle demo

JS Fiddle of id-based approach (generously offered by Vega)

或者，类似地：

$('input:text:nth-child(3)').appendTo($('input:text:nth-child(1)').parent());

JS Fiddle demo

JS Fiddle demo of id-based approach

参考文献：

• appendTo()。
• insertAfter()。
• :nth-child() selector。
• :text selector。