您的位置：首页 > Web前端 > JQuery

jquery使用each方法遍历元素

2014-09-11 15:51 627 查看 
<!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
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航