La fonction jQuery «each ()» est-elle synchrone?

considérez ce scénario pour valider:

function validateForm (validCallback) {
   $('#first-name').add($('#last-name')).add($('#address')).each(function () {
      // validating fields and adding 'invalid' class to invalid fields.
   });
   // doing validation this way for almost 50 fields (loop over 50 fields)
   if ($('#holder .invalid').length == 0) {
       // submitting data here, only when all fields are validated.
   }
}

Maintenant, mon problème est que, le bloc if est exécuté avant que les boucles ne soient terminées. Je m'attendais à ce que le corps de validateFormsoit exécuté de manière synchrone, mais il semble que la each()fonction jQuery soit exécutée de manière asynchrone. Ai-je raison? Pourquoi ça ne marche pas?

Oui, la eachméthode jQuery est synchrone. Presque TOUT JavaScript est synchrone. Les seules exceptions sont AJAX, les minuteries ( setTimeoutet setInterval) et les Web Workers HTML5.
Votre problème se situe probablement ailleurs dans votre code.

jQueryest purement une bibliothèque javascript. Sauf ajax, setTimeoutet setIntervalil n'y a rien qui puisse s'exécuter de manière asynchrone dans JavaScript. Donc eachest définitivement exécuté de manière synchrone. Il y a certainement une erreur js dans le eachcode de bloc. Vous devriez jeter un oeil dans la console pour toute erreur.

Vous pouvez également jeter un œil à la file d' attente jQuery pour exécuter n'importe quelle fonction de la file d'attente. Cela garantira que la fonction en file d'attente ne sera exécutée que lorsque l'exécution du code précédent sera terminée.

Une autre raison de se poser cette question serait que .each arrêtera simplement l'itération lorsque la fonction (.each ()) retourne false, et qu'une variable supplémentaire doit être utilisée pour transmettre les informations "return false".

var all_ok=true;
$(selector).each(function(){
    if(!validate($(this))){
        all_ok=false; //this tells the outside world something went wrong
        return false; //this breaks the .each iterations, returning early
    }
});
if(!all_ok){
    alert('something went wrong');
}

Pour moi, cela fonctionne comme asynchrone. Si cela fonctionne synchronisé, pourquoi cela fonctionne comme ça:

var newArray = [];
$.each( oldArray, function (index, value){
        if($.inArray(value["field"], field) === -1){
            newArray.push(value["field"]);
        }
    }
);

//do something with newArray here doesn't work, newArray is not full yet

$.when.apply($, newArray).then(function() {
    //do something with newArray works!! here is full
});

return falsein .each()function rompt la boucle uniquement, et le code restant en dehors de la boucle s'exécute toujours. Mettez donc un drapeau en .each()boucle et vérifiez-le en dehors de la boucle.

Même problème. Alors je répare comme ça

var y = jQuery(this).find(".extra_fields");
for(var j in y)
{
    if( typeof  y[j] =='object')
    {
        var check = parseInt(jQuery(y[j]).val());
        if(check==0){
            jQuery(y[j]).addClass('js_warning');
            mes="Bạn vui lòng chọn đầy đủ các thuộc tính cho sản phẩm";
            done=false;
            eDialog.alert(mes);
            return false;
        }
    }

}

C'est comme ça que je fais

 function getAllEventsIndexFromId(id) {
    var a;
    $.each(allEvents, function(i, val) {
        if (val.id == id) { a=i; }
    });
    return a;
 }

J'ai eu le même problème. mon $ .each était dans la fonction de succès de l'appel ajax. J'ai rendu mon appel ajax synchrone en ajoutant async: falseet cela a fonctionné.

La méthode jQuery.each effectue une boucle de manière synchrone, mais vous ne pouvez pas garantir qu'elle parcourra les éléments dans un ordre spécifique.