Question

私は、フォーム提出時にJSONオブジェクトを作成してPerlに渡そうとしています。 jQuery-uiのソート可能な並べ替えを可能にするために、ulとliの複数の入れ子になっています。

（いくつかのdivの上に広がる）ソートli Sを救うことができるように、私は次のコードを書いた：「そこクラスdiv_abcdと4つのdiv Sの最大値があるが、それらはドン

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(); 
}); 

を必然的に他のdivが含まれています。この場合、私は2番目のvalues = values.slice(0, -1);は何も一致しないelsejQuery(this).find("div[id^='CONT']").each(function(){場合を持っているどのような方法がありますライン5

から開口[を削除する問題を抱えています。 .not()を使用しようとしましたが、動作しませんでした。

編集：私の問題が解決されていても

、私はまだ、それぞれ（）が一度も通過していないときを知っている可能性があるかどうかを知りたいです。

第二編集：今、明らか

すべて。ありがとう。

Answer 1

私はループよりも良い方法があると思いますが、始めに：文字列を手動で構築しないでください！

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); 

更新：あなたはまた、not()

リファレンスの代わりにis()を使用する必要があります。map、get、JSON

このDEMOをチェックしてください。

更新は、あなたの質問に答えるために：

をあなたは常にlengthを使用して選択されているどのように多くの要素を確認することができます。

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

Answer 2

結果を変数に取得し、結果の長さを確認することができます。空でない場合は、ループを実行するか、トリミングをスキップできます。