使用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。