Jquery中each方法如何在其所调用函数中退出遍历

Posted 2020-07-22 LoganNi

JQuery中each 方法退出 当次遍历 直接在 each的匿名函数中写 return true;即可跳出当次遍历；退出所有遍历 通过return false 实现。

$(".check").each(function(index,ele){

    XXXXXXXXXXXXXXXXXX;
    XXXXXXXXXXXXXXXXXX;
    return ture; 或者  return false；//可以控制跳出遍历
    XXXXXXXXXXXXXXXXXX;
    XXXXXXXXXXXXXXXXXX;
    
});

但是如果在each的匿名函数中执行了其他函数，并且需要在所调用执行的函数中控制跳出遍历，则可以这样做

$(".check").each(function(index,ele){
if(ele.className.indexOf("tell")>-1){

  var tell=isTell(ele,a,b);                  //调用函数执行并将其返回值付给一个变量接收

    if(!tell){
        return tell;
    }
}
});

所调用函数如下定义：

function isTell(ele,a,b){
    var val=$(ele).val().replace(/(^\s+)|(\s+$)/g,"");
    var reg=/^0\d{2,3}-\d{7,8}$/;
    if(!reg.test(val)){
        alert("请输入正确固话号码！");
        b.html("格式不正确！");
        //b.toggleClass("tipshow");
        b.addClass("tipshow");
        ele.focus();
        return false;
    }else{
        return true;
    }
};