jqueryでのループ処理

[kzytateishi]

jqueryでのループ処理

  $("ul li").each ->
    console.log this

  for li in $("ul li")
    console.log li

どちらを使いますか？

[s-inagawa]

var li, _i, _len, _ref;

$("ul li").each(function() {
return console.log(this);
});

_ref = $("ul li");
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
li = _ref[_i];
console.log(li);
}

[sakamoto-rh]

each
上が分かりやすい。
見慣れている(rubyでも使うので。)
thisが変わってしまう。

for in
bind出来る。

上記ケースバイケース
each
　elementの操作を行う場合は適している。
for in
element以外の操作を行う場合は適している。
-> 逆引きするなど。