JSONオブジェクトを変更するにはどうすればよいですか？

Question

こちらは私ですJSFiddle

ボーナスフォームの要素がクローンされ、動的に追加されます。

[ルールを保存]ボタンは、フォームフィールドのラベルと値のJSONオブジェクトを生成します。 これは、[ルールを保存]ボタンをクリックすると作成されるJSONオブジェクトです。

{ 
     "nameRules": "", 
     "typeRules": "Type1", 
     "descriptionRules": "XYZ\n     ", 
     "elhs": "", 
     "op": "<=", 
     "erhs": "", 
     "datatype": "", 
     "joinop0": "", 
     "elhs0": "", 
     "op0": "", 
     "erhs0": "", 
     "datatype0": "" 
    } 

次の形式でJSONオブジェクトを作成するにはどうすればよいですか？

{ 
    "nameRules": "", 
    "typeRules": "Type1", 
    "descriptionRules": "XYZ\n     ", 
    "expressions": [{ 
       "elhs": "", 
       "op": "<=", 
       "erhs": "", 
       "datatype": "" 
        }, 
       { 
       "joinop0": "", 
       "elhs0": "", 
       "op0": "", 
       "erhs0": "", 
       "datatype0": "" 
       }] 
} 

ご協力いただければ幸いです。 はうーん、私はjqueryのでは専門家ではないようなコードはかなりではないかもしれませんが、期待通りに動作するはずですあなた

Answer 1

ありがとう：FIDDLE

$('button.btn:contains("Save Rules")').on('click', function(e) { 
    console.log('hhh', $('form.form-horizontal#rules').find(':input:not(button):not(#joinop)').get()); 
    var jsonData = $('form.form-horizontal#rules') 
     .find(':input:not(button):not(#joinop)').get() 
     .reduce(function(acc, ele) { 
     acc.expressions = acc.expressions||[]; 
     if (ele.closest("#container") || ele.closest('.parent-border')) { 
      if (ele.closest('.parent-border')) var i = 0; 
      else var i = $("#container .child-border").index(ele.closest(".child-border")) +1 
      acc.expressions[i] = acc.expressions[i]||{}; 
      acc.expressions[i][ele.name || ele.id] = ele.value; 
     } 
     else acc[ele.name || ele.id] = ele.value; 
     return acc; 
     }, {}); 
    console.log(jsonData); 
    alert(JSON.stringify(jsonData, null, 4)); 
    });