jquery 遍历 each 每个匹配元素规定要运行的函数

亦凉 2022-05-23 12:43 152阅读 0赞

## 实例 ##

输出每个 <li> 元素的文本：

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

[尝试一下 »][Link 1]

--------------------

## 定义和用法 ##

each() 方法为每个匹配元素规定要运行的函数。

提示：返回 false 可用于及早停止循环。

--------------------

## 语法 ##

$( *selector*).each(function *(index,element)*)

<table style="border:0px;margin:4px 0px;padding:0px;width:729px;color:rgb(51,51,51);font-family:'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', Arial, sans-serif;font-size:12px;background-color:rgb(255,255,255);"> 
 <tbody style="margin:0px;padding:0px;"> 
  <tr style="border-top:0px;margin:0px;padding:0px;background-color:rgb(246,244,240);"> 
   <th align="left" style="border-color:rgb(85,85,85);margin:0px;padding:3px;font-size:12px;color:rgb(255,255,255);background-color:rgb(85,85,85);vertical-align:top;">参数</th> 
   <th align="left" style="border-color:rgb(85,85,85);margin:0px;padding:3px;font-size:12px;color:rgb(255,255,255);background-color:rgb(85,85,85);vertical-align:top;">描述</th> 
  </tr> 
  <tr style="border-top:0px;margin:0px;padding:0px;background-color:rgb(255,255,255);"> 
   <td style="border-color:rgb(212,212,212);margin:0px;padding:7px 5px;font-size:13px;min-width:24px;line-height:2em;vertical-align:top;">function<em>(index,element)</em></td> 
   <td style="border-color:rgb(212,212,212);margin:0px;padding:7px 5px;font-size:13px;line-height:2em;min-width:24px;vertical-align:top;">必需。为每个匹配元素规定运行的函数。 
    <ul style="border:0px;margin-top:1em;margin-bottom:1em;line-height:18.2px;list-style:none;"> 
     <li style="border:0px;margin-top:0px;margin-bottom:1em;margin-left:1em;padding:0px 0px 0px 1.5em;line-height:1.5em;background-image:url(&quot;./assets/img/bullet.png&quot;);background-repeat:no-repeat;background-position:left .5em;"><em>index</em>&nbsp;- 选择器的 index 位置。</li> 
     <li style="border:0px;margin-top:0px;margin-bottom:1em;margin-left:1em;padding:0px 0px 0px 1.5em;line-height:1.5em;background-image:url(&quot;./assets/img/bullet.png&quot;);background-repeat:no-repeat;background-position:left .5em;"><em>element</em>&nbsp;- 当前的元素（也可使用 "this" 选择器）。</li> 
    </ul></td> 
  </tr> 
 </tbody> 
</table>

--------------------

[![jQuery 遍历方法][jQuery] jQuery 遍历方法][jQuery _jQuery_ jQuery]

[Link 1]: http://www.runoob.com/try/try.php?filename=tryjquery_misc_each
[jQuery]: http://www.runoob.com/images/up.gif
[jQuery _jQuery_ jQuery]: /images/20220523/eafd19d2f8e04a19b178fb50982b8044.png