如何打破$ .each循环?

时间:2017-11-23 05:07:34

标签: javascript jquery

我有一个jquery循环,我将json数组切换到5,现在我需要检查键值是否为空。 一旦我检查了5个元素,如果我的条件有效,那么它将打印5个数据,但是如果它没有呢? 它向我显示了相同的时间。

这是我的jquery代码:

$.each(data.slice(0,5), function(key, value) {
              if(value.emailID!="")
              {
                $("#result-success").append("<p><a href='javascript:void(0)'>"+value.fullName+"<span>"+value.emailID+"</span></a></p>").addClass('before-search-message');
                $("#loader_gif").hide();    
              }
              else
              {
                $("#loader_gif").hide();
                $("#search-btn").removeAttr("disabled");
                $("#result-success").append("<p><a href='javascript:void(0)'>No Records Found!</span></a></p>").addClass('before-search-message'); 
              }
             });

如果我的emailID对于所有数组元素都是空白的,那么它会附加5次消息“找不到记录”任何解决方案吗?

4 个答案:

答案 0 :(得分:2)

return false; = break;

return true; or return; = continue;

来自Jquery文档http://api.jquery.com/jQuery.each/

答案 1 :(得分:0)

let found = false;
$.each(data.slice(0,5), function(key, value) {

              if(value.emailID!="")
              {
                $("#result-success").append("<p><a href='javascript:void(0)'>"+value.fullName+"<span>"+value.emailID+"</span></a></p>").addClass('before-search-message');
                $("#loader_gif").hide();
                found = true;
              }
             });

if(!found){

                $("#loader_gif").hide();
                $("#search-btn").removeAttr("disabled");
                $("#result-success").append("<p><a href='javascript:void(0)'>No Records Found!</span></a></p>").addClass('before-search-message'); 

}

答案 2 :(得分:-1)

在我的情况下,我认为,

var valid = false;
$.each(data.slice(0,5), function(key, value) {
    if(value.emailID!="") {
        $("#result-success").append("<p><a href='javascript:void(0)'>"+value.fullName+"<span>"+value.emailID+"</span></a></p>").addClass('before-search-message');
        $("#loader_gif").hide();
        valid = true;
}
});

if (!valid) {
    $("#loader_gif").hide();
    $("#search-btn").removeAttr("disabled");
    $("#result-success").append("<p><a href='javascript:void(0)'>No Records Found!</span></a></p>").addClass('before-search-message');
}

我希望这是你想要的。

答案 3 :(得分:-1)

var hasData =false
$.each(data.slice(0,5), function(key, value)     {
          if(value.emailID!="")
          {
           hasData = true
            $("#result-success").append("<p><a   href='javascript:void(0)'>"+value.fullName+"<span>"+value.emailID+"</span></a></p>").addClass('before-search-message');
            $("#loader_gif").hide();    
          }

         });
       if(!hasData){
          $("#loader_gif").hide();
            $("#search-btn").removeAttr("disabled");
            $("#result-success").append("<p><a href='javascript:void(0)'>No  Records Found!</span></a></enter code herep>").addClass('before-search-message');}

这可能就是你要找的东西。你正在迭代显示没有结果5次