<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<head>
<title>使用each()方法遍历元素</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
</head>
<style>
.red
{
background-color: Red;
}
</style>
<body>
<h3>使用each()方法遍历元素</h3>
<span class="green">香蕉</span>
<span class="green">桃子</span>
<span class="green">葡萄</span>
<span class="green">荔枝</span>
<script type="text/javascript">
var ar = [];
$("span").each(function (index) {
ar.push($(this).text());
if (index == 1) {
$(this).attr("class", "red");
}
});
alert(ar.length);
</script>
</body>
</html>
桃子变成了红色,数组长度为4