jquery使用each方法遍历元素

返回顶部
查看留言
转到底部

现在的位置: 首页 > 综合 > 正文

jquery使用each方法遍历元素

2017年11月09日 ⁄ 综合 ⁄ 共 548字 ⁄ 字号小中大 ⁄ 评论关闭

<!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