在《jQuery教程/理解选取更新范围》一节中，我们知道：当选择器返回了多个元素时，可以使用一个方法来更新所有的元素，不再需要使用循环。
然后有的时候需要遍历元素，怎么办？
使用each()方法可以遍历。
示例：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>each()遍历</title> </head> <body> <div> <ul id="ul"> <li id="a">键盘</li> <li id="b">鼠标</li> <li id="c">屏幕</li> <li id="d"><a>电源</a></li> </ul> </div> <script> $('li').each(function(){ // 获取每个li元素的id var ids=this.id; // li元素的id追加到li元素后面 $(this).append('<em >'+ids+'</em>'); }); </script> </body></html> |