クリックイベント内の各関数値を使用してJavaスクリプトデリゲートを使用する方法は？

Question

私はJSデリゲートと作業を使用しました。そして今、私はJSON成功$ .eachの値をクリックイベントの中で使用したいですか？

$(window).load(function() { 
 
    $.ajax({ 
 
    url: '<?php echo base_url(); ?>' + 'main/data', 
 
    dataType: "JSON", 
 
    type: "POST", 
 
    success: function(retdata) { 
 
     $.each(retdata, function(i) { 
 
     var content = '<div class="target btn-default">' + retdata[i].content; 
 
     $("#article-data").append(content); 
 
     }); 
 
    } 
 
    }); 
 
}); 
 
//Using event delegate 
 
$(function() { 
 
    //Display dialog box when mouse click 
 
    $("#article-data").on('click', ".target", function() { 
 
    // retdata[i].content;      
 
    }); 
 
});

<div id="article-data"> 
 

 
</div>

Answer 1

あなたはjQueryを使ってデータを保存することができます

$(window).load(function() { 
    $.ajax({ 
    url: '<?php echo base_url(); ?>' + 'main/data', 
    dataType: "JSON", 
    type: "POST", 
    success: function(retdata) { 
     $.each(retdata, function(i) { 
     var content = $('<div class="target btn-default"/>'); 
     content.data('retdata', retdata); 
     content.html(retdata[i].content); 
     content.appendTo($("#article-data")); 
     }); 
    } 
    }); 
}); 

//Using event delegate 
//Display dialog box when mouse click 
$("#article-data").on('click', ".target", function() { 
    var data = $(this).data('retdata'); 
    console.log(data);     
});