如何在jQuery.each()函数中跳到下一个迭代

jQuery.each()函数允许我们循环浏览不同的数据集，如数组或对象。

语法:

$(selector).each(function(index, element))
$.each(function(index))

$.each() 基本上是传统for或for…in循环的直接替代。

实例1：本实例跳过步骤4，进入下一个迭代，即步骤5。

<!DOCTYPE html>
<html>
  
<head>
    <title>jQuery.each() method</title>
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
</head>
  
<body>
    <script>
        var arr = ["Step1", "Step2", 
            "Step3", "Step4", "Step5"];
              
        $.each(arr, function (i) {
            if (arr[i] === "Step4") {
                return;
            }
            document.write(arr[i] + ' ');
        });
    </script>
</body>
  
</html>

输出:

Step1 Step2 Step3 Step5

解释：在上面的代码中，你可以看到，当迭代到 “i=4 “时，”if “条件变成 “true”，返回一个非假值。所以它跳过了下一个迭代，即第4步。

示例 2:

<!DOCTYPE html>
<html>
  
<head>
    <title>jQuery.each() method</title>
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
</head>
  
<body>
    <script>
        var arr = [1, 2, 3, 4, 5];
        $.each(arr, function (i) {
            if (arr[i] === 3) {
                return true;
            }
            document.write(arr[i] + ' ');
        });
    </script>
</body>
  
</html>

输出: