特定のIDがついているdivを任意の順に並び替える処理方法

2014/03/04 20:10

このQ&Aのポイント

特定のIDがついているdivを任意の順に並び替える処理方法について、JavaScriptのコード例を紹介します。
jQueryのafter()メソッドを使用して、指定したdivを順番に追加する方法について解説します。
変数を使って動的にdivを追加する際には、ループ処理を組み合わせることで実現できます。

Search_tmp
お礼率52% (21/40)

JavaScript
回答数2
ありがとう数1

みんなの回答 （2）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

fujillin
ベストアンサー率61% (1594/2576)

2014/03/05 09:32 回答No.1

単純にに関数化するのではダメなのでしょか？処理自体ができないのか、記述方法を好みの形式にしたいというのかがわかりませんが、好みの書式で記述したい場合はextend等でjQueryの関数化すればよろしいかと。（全角空白は半角に） <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript"> var sorting = function(){ 　if(arguments.length < 2) return; 　var i = 1, id, after, pre = $("#" + arguments[0]); 　while(id = arguments[i++]){ 　　after = $("#" + id); 　　pre.after(after); 　　pre = after; 　} } $(function(){ 　sorting("kotei", "hoge-field", "dummy-field", "sample-field"); }); </script> </head> <body> <div id="sample-field">hogehoge sample</div> <div id="hoge-field">ほげほげほげ hoge</div> <div id="dummy-field">ホゲホゲ dummy</div> <div id="kotei">kotei</div> </body> </html>

ログインすると、全ての回答が全文表示されます。

その他の回答 (1)

fujillin
ベストアンサー率61% (1594/2576)

2014/03/05 12:55 回答No.2

A No1です。コピペした時に、宣言や何かが落ちてしまったみたい。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html lang="ja"> <head> <title>test</title> わざわざ書くまでもないとは思いますが…。

質問者

お礼 2014/03/19 11:56

ありがとうございます！早々にアドバイスいただいていたにも関わらず、お礼が遅れていしまい大変申し訳ありませんでした。関数化ですね。基本メソッドをある程度把握した上で、extendメソッドの利便性が発揮できる部分も多そうで、複雑な印象もあって今までスルーしてしまってしました。いただいたコードも今後の為に役立てさせていただきます。本当にありがとうございました。

ログインすると、全ての回答が全文表示されます。