---
tags: jQuery,
disqus: hackmd
---

###### tags: `jQuery` `each`

# [jQuery]each

jQuery的each就像是javascript的Array.prototype.forEach。

實作起來其實並不會太難，以前很愛用for loop的我，最近深深覺得forEach也好好用。

<ul>
  <li>Eat</li>
  <li>Sleep</li>
  <li>Be merry</li>
</ul>

var list = $('li');
$.each(list, function(i, val) {
    console.log('i', i);
    console.log('val', val);
    $(val).addClass('active');
});


$('li').each(function(i, val) {
    $(val).addClass('active');
});

做法就是分上面兩種，可以把要跑的list放入第一個參數，或是接在each前面。

跟JS的forEach比較不一樣的地方在JS的forEach(element, index)，
第一個參數是元素，第二個是index(元素位置)

JQ的each則是剛好顛倒，第一個參數是index，第二個參數才是元素(元素位置)

元素位置指的是元素在集合裡的位置。
例如：

上方的"a"就是元素，而他對應的元素位置就是0