each( )方法

each( )

作用：遍历jQuery对象集合，为每个匹配的元素执行一个函数

 

用法

$(selector).each(function(index,element){});

 

参数一表示当前元素在所有匹配元素中的索引号

参数二表示当前元素（DOM对象）

 

案例：

 

    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
    </ul>

 

 

 

1. 输出每一个li的文本（不给参数）

 

$("button").click(function(){
  $("li").each(function(){
    alert($(this).text())
  });
});

 依次在界面弹出li的文本内容

 

2. 给每一个li设置文本（给参数）

$(function(){
    $("ul li").each(function(index, element){
    // this === element
    $(element).html( "编号" + (index + 1) );  
    });
});