jsdo.it』で書きました。
クリックでリストの並び順を逆に - jsdo.it - share JavaScript, HTML5 and CSS
HTMLは普通のリストですね。
jQuery部分ですが、ol#reversible
の子要素をtoArray()
で配列にし、reverse()
で逆順に。
そしてol#reversible
の子要素をいったん空にして、append()
でさっき作った逆順のリストを追加しています。
最初はget()
してreverse()
してfor
でやるのかなーって思ってたんですが、アドバイスを頂けたのでそちらを参考にしつつ作りました。
それと、あとからちょっとだけコードを追加したものが以下。
jQueryを使ってボタンクリックでリストの並び順を逆にする DEMO
こっちはボタンのテキストがちょっと変わるだけですw
本当にそれだけ。
これらをベースに作っていけばいいかな、と。
アドバイスしてくださった@GeckoTang、@wokamoto、お二人ともありがとうございました。