jQueryのsliceは便利
@ken_c_lo gistはよw
— mitzさん (@t_mitz) 11月 29, 2012
@ken_c_lo 大分書き換えてしもたw gist.github.com/4173232
— mitzさん (@t_mitz) 11月 30, 2012
という訳で添削してみました。コードはgistに置いてます。
主な変更点
- 元のコードがforでループさせる素のJavaScriptだったのでjQueryっぽくslice
- toggle活用
jQuery使うなら要素集合から何番目に対して処理、みたいなときはjQuery.sliceが良いです。3番目から5番目という風にエンドポイントも指定できます。perlやruby, phpにあるsliceと同じですね。
toggleするならJSでHTML埋め込むんじゃなくてサーバーサイドの言語で入れてくれちゃう方が好みです。HTMLとJSはキレイに分離できてた方が見通しよいと思いますし。
あとJSでHTML構築するときはjsrenderを使うのが好きです。JavaScriptテンプレートエンジンも便利です。jQueryにbundleされてるjQuery.tmplはもうメンテされてないので使わない方が吉だと思います。
HTMLの構成がJSでDOM走査されるの意識してなくて、JS側で無理矢理DOM取ってきてぶん回して不幸せになるのはよくある話だと思う。
— mitzさん (@t_mitz) 11月 30, 2012
前からよく思ってたけどいわゆるHTMLコーダーに相当する職の人が書いたHTMLってJavaScriptのこと考えてない設計が多いので、そういう人もjQueryでDOM走査する実装は経験した方が開発効率向上するんじゃないでしょうか。