- ベストアンサー
特定のIDがついているdivを任意の順に並び替える処理方法
- 特定のIDがついているdivを任意の順に並び替える処理方法について、JavaScriptのコード例を紹介します。
- jQueryのafter()メソッドを使用して、指定したdivを順番に追加する方法について解説します。
- 変数を使って動的にdivを追加する際には、ループ処理を組み合わせることで実現できます。
- Search_tmp
- お礼率52% (21/40)
- JavaScript
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
単純にに関数化するのではダメなのでしょか？ 処理自体ができないのか、記述方法を好みの形式にしたいというのかがわかりませんが、好みの書式で記述したい場合は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)
A No1です。 コピペした時に、宣言や何かが落ちてしまったみたい。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html lang="ja"> <head> <title>test</title> わざわざ書くまでもないとは思いますが…。
お礼
ありがとうございます！ 早々にアドバイスいただいていたにも関わらず、 お礼が遅れていしまい大変申し訳ありませんでした。 関数化ですね。 基本メソッドをある程度把握した上で、extendメソッドの利便性が発揮できる部分も多そうで、 複雑な印象もあって今までスルーしてしまってしました。 いただいたコードも今後の為に役立てさせていただきます。 本当にありがとうございました。