JQuery中each()与toggleClass()使用_ul li each toggleclass-CSDN博客

本文链接：https://blog.csdn.net/pscaoge/article/details/6755844

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