Jquery each() Fallback, wenn kein Ergebnis gefunden wurde

Question

Ich versuche ein JSON-Objekt auf dem Formular zu erstellen, das an Perl übergeben werden soll. Ich habe mehrere verschachtelte div s mit ul s ein li s, um eine sortierte Sortierung nach jQuery-ui zu ermöglichen.

Um die sortierten li s (die sich über mehrere div s verteilt) speichern ich den folgenden Code geschrieben:

jQuery("form[name='editorview']").submit(function(event) { 
    event.preventDefault(); 
    var values = '{ '; 
    jQuery(this).find(".div_abcd").each(function(){ 
     values += '"'+this.id+'": ['; 
     jQuery(this).find("div[id^='CONT']").each(function(){ 
      values += '{"'+this.id+'": ['; 
      jQuery(this).find("li").each(function(){ 
       if (jQuery(this).not("class='placeholder'")){ 
        values += '"'+this.id+'",'; 
       } else { 
        values +='"placeholder",'; 
       } 
      }); 
      values = values.slice(0, -1); //removing trailing , 
      values +=']},'; 
     }); 
     values = values.slice(0, -1); //removing trailing , 
     values += '],'; 
    }); 
    values = values.slice(0, -1); //removing trailing , 
    values += '}'; 
    jQuery("#order").val(values); 
    document.editorview.submit(); 
}); 

Es gibt ein Maximum von 4 div s mit der Klasse div_abcd aber sie don‘ t notwendigerweise andere div s enthalten. In diesem Fall habe ich das Problem, dass die zweiten values = values.slice(0, -1); die Öffnung [ aus der Leitung

5.

entfernt Gibt es eine Möglichkeit, um ein else wenn jQuery(this).find("div[id^='CONT']").each(function(){ nicht hat nichts gefunden. Ich habe versucht, .not() zu verwenden, aber es hat nicht funktioniert.

Edit:

Auch wenn mein Problem gelöst ist, würde ich noch gerne wissen, ob es eine Möglichkeit zu wissen, wann ist die each() nicht durch noch einmal ausgeführt.

2. Edit:

Alles klar jetzt. Vielen Dank.

Answer 1

Ich wette, es gibt einen besseren Weg als das Schleifen, aber für einen Anfang: Erzeuge die Saite nicht manuell!

var values = {}; 
jQuery(".div_abcd", this).each(function(){ 
    var a = values[this.id] = []; 
    jQuery("div[id^='CONT']", this).each(function(){ 
     var obj = {}; 
     obj[this.id] = jQuery("li", this).map(function() { 
      if (jQuery(this).is(".placeholder")){ 
       return "placeholder";     
      } 
      return this.id; 
     }).get(); 
     a.push(obj); 
    }); 
}); 
values = JSON.stringify(values); 

Update: Sie haben auch is() statt not()

Referenz verwenden:map, get, JSON

prüfen diese DEMO.

aktualisieren Ihre Frage zu beantworten:

können Sie immer überprüfen, wie viele Elemente ausgewählt sind, mit length:

var $elements = jQuery(this).find("div[id^='CONT']"); 
if($elements.length > 0) { 
    $elements.each(...); 
} 
else { 
    // something else 
} 

Answer 2

Sie können die Ergebnisse in eine Variable und überprüfen Sie die Länge der Ergebnisse. Wenn es nicht leer ist, können Sie die Schleife ausführen oder Sie können das Trimmen überspringen.