JQuery中each()与toggleClass()使用

来源：互联网发布：python api文档在哪有编辑：程序博客网时间：2024/04/27 00:05

.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()