文章内容

2017/3/15 12:32:31,作 者: 黄兵

.each()

.each() 方法用来让DOM循环结构更简单更不易出错。它会迭代jQuery对象中的每一个DOM元素。每次回调函数执行时,会传递当前循环次数作为参数(从0开始计数)。更重要的是,回调函数是在当前DOM元素为上下文的语境中触发的。因此关键字 this 总是指向这个元素。

假设页面上有这样一个简单的无序列表。


<ul>
<li>foo</li>
<li>bar</li>
</ul>

你可以选中并迭代这些列表:


$( "li" ).each(function( index ) {
console.log( index + ": "" + $(this).text() );
});

列表中每一项会显示在下面的消息中:

0: foo 
1: bar

我们可以通过返回 false以便在回调函数内中止循环。

注意: jQuery的方法,返回一个jQuery对象遍历jQuery集合中的元素 - 被称为隐式迭代的过程。当这种情况发生时,它通常不需要显式地循环的.each()方法:


// The .each() method is unnecessary here:
$( "li" ).each(function() {
$(this).addClass( "foo" );
});
// Instead, you should rely on implicit iteration:
$( "li" ).addClass( "bar" );
分享到:

发表评论

评论列表