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 id(Vega が惜しみなく提供)。

または、同様に:

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

JS フィドルのデモ。

idベースアプローチの JS Fiddle デモ。

参考文献:

• appendTo().
• insertAfter().
• :nth-child()セレクター。
• :textセレクター。