使用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小提琴演示

id基于JS Fiddle 的方法(由Vega慷慨提供).

或者,类似地:

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

JS小提琴演示.

id基于JS Fiddle演示的基于方法的演示.

参考文献:

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