0
点赞
收藏
分享

微信扫一扫

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());
});

举报

相关推荐

0 条评论