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

JQuery中each()与toggleClass()使用

2011-09-07 10:43 459 查看

.each( function(index, Element) )

描述：遍历一个JQuery对象，为每一个匹配的元素执行一个方法。
假设有个无序的列表：

<ul>
<li>foo</li>
<li>bar</li>
</ul>
使用each()：

$('li').each(function(index) {
alert(index + ': ' + $(this).text());
});
结果：

0: foo
1: bar

例子：

<!DOCTYPE html>
<html>
<head>
<style>
div { width:40px; height:40px; margin:5px; float:left;
border:2px blue solid; text-align:center; }
span { color:red; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<button>Change colors</button>
<span></span>
<div></div>
<div></div>

<div></div>
<div></div>
<div id="stop">Stop here</div>
<div></div>

<div></div>
<div></div>
<script>
$("button").click(function () {
$("div").each(function (index, domEle) {
// domEle == this
$(domEle).css("backgroundColor", "yellow");
if ($(this).is("#stop")) {
$("span").text("Stopped at div index #" + index);
return false;
}
});
});

</script>

</body>
</html>
参考：JQuery之each()
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  jquery each function div button border
相关文章推荐
新的分享
章节导航