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

Question

我的网站上有以下表格

input a
input b
input c

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

input a
input c
input b

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

请指教。

Answer 1

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

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

JS 小提琴演示

JS Fiddle of id-based 方法（由 Vega 慷慨提供）。

或者，类似地：

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

JS 小提琴演示。

id基于方法的JS Fiddle 演示。

参考：

• appendTo().
• insertAfter().
• :nth-child()选择器。
• :text选择器。