jquery中$.each小结

在jquery 中， $each的用法比较常见，下面小结下

1）基本用法
  

// ARRAYS
var arr = [
   'one',
   'two',
   'three',
   'four',
   'five'
];
$.each(arr, function (index, value) {
  console.log(value);
  
 
  return (value !== 'three');
});
只输出one two

  输出一个数组：
var obj = {
   one: 1,
   two: 2,
   three: 3,
   four: 4,
   five: 5
};
$.each(obj, function (index, value) {
  console.log(value);
});
// Outputs: 1 2 3 4 5

2） jquery中使用，比如输出所有页面中a标签的href值
  

$('a').each(function (index, value){
  console.log($(this).attr('href'));
});
   

3）也可以针对JSON
  

var json = [ 
 { 'red': '#f00' },
 { 'green': '#0f0' },
 { 'blue': '#00f' }
];

$.each(json, function () {
   $.each(this, function (name, value) {
      console.log(name + '=' + value);
   });
});

4） 当然也可以针对.class来循环

  

<div class="productDescription">Red</div>
<div>Pink</div>
<div class="productDescription">Orange</div>
<div class="generalDescription">Teal</div>
<div class="productDescription">Green</div>
$.each($('.productDescription'), function (index, value) { 
  console.log(index + ':' + $(value).text()); 
});

其实最方便的写法

$('.productDescription').each(function () { 
  console.log($(this).text());
});