jQueryでオブジェクト配列を正しくクリアするには？

Question

私はこの質問が既にここで答えをたくさん得ていることを知っていますが、これらの解決策は私のために働いていない、多分私は何かばかげているんだけど、私のコードで正確に何が間違っているのかよく分かりません。また、一時的なデータをオブジェクト配列に保存し、後でajaxとphpを使用してデータベースに送信するのもよいでしょうか？

私は多段階のフォームを作成しています。私はステップ間でデータを保存する必要があります。

コードから、私はオブジェクトをクリアするためのさまざまな解決方法を試してみましたが、どれもうまくいきませんでした。また、私は長さをチェックするとき、それは常にオブジェクトが空であることを意味する0です。私はここで何が欠けていますか？

コンソールログをチェックするたびに、以前のデータが残っています（画像を確認してください）。あなたはスコープの問題を持っている私のコード

$(document).on('click', '.e-check', function(){ 
    $('.e-check').text('check_box_outline_blank'); 
    $('.e-check').removeClass('e-checked'); 
    $(this).text('check_box'); 
    $(this).addClass('e-checked'); 
    var edata = ''; 
    edata = {}; 
    edata = undefined; 
    console.log(edata.length); 
    edata = { 
    'ename' : $(this).data('ename'), 
    'owner' : $(this).data('owner'), 
    'estart' : $(this).data('estart'), 
    'eid' : $(this).data('eid'), 
    'eat' : $(this).data('eat'), 
    'sec' : $(this).data('sec'), 
    'pid' : $(this).data('pid') 
    }; 
    $(document).on('click','.e-next-1', function(){ 
     console.log(edata); 
    }); 
}); 

Answer 1

。変数をグローバルに宣言して、変数を変更する必要があります。

var edata = ''; 

$(document).on('click', '.e-check', function(){ 
    $('.e-check').text('check_box_outline_blank'); 
    $('.e-check').removeClass('e-checked'); 
    $(this).text('check_box'); 
    $(this).addClass('e-checked'); 
    edata = {}; 
    edata = undefined; 
    console.log(edata.length); 
    edata = { 
    'ename' : $(this).data('ename'), 
    'owner' : $(this).data('owner'), 
    'estart' : $(this).data('estart'), 
    'eid' : $(this).data('eid'), 
    'eat' : $(this).data('eat'), 
    'sec' : $(this).data('sec'), 
    'pid' : $(this).data('pid') 
    }; 
}); 

$(document).on('click','.e-next-1', function(){ 
    console.log(edata); 
}); 

var edate = ''に注意してください。一部がクリックコールバックの外側にあるため、グローバルにアクセス可能です。