Javascript 检查是否已单击自动创建的div

我有一个包含元素列表的JSON文件。为此列表中的每个元素创建一个容器。代码如下：

$.getJSON('/data/risks.json', function(data) {
var html = '';

$.each(data.risk, function(key, value){
    html += '<div class="elementlist">';
    html += '<br><p><b>'+value.name+'</b><br><br>'+value.description+'</p>';
    html += '</div>';
});
$('#list').html(html);
});

适用于页面上已经存在的容器，但适用于基于JSON文件创建的容器。 最好的方法是什么

问候语

代表活动

$(document).on('click', '.elementlist', function(){
    var chosenRisk = $(this).text(); 
    console.log(chosenRisk);
});

我还建议将

文档

更改为“#列表”，以稍微提高性能。

委派活动

$(document).on('click', '.elementlist', function(){
    var chosenRisk = $(this).text(); 
    console.log(chosenRisk);
});

我还建议将

文档

更改为“#列表”，以获得更好的性能。

您需要了解事件的处理过程

$('#list').on( "click", ".elementlist", function(){
    var chosenRisk = $(this).text(); 
    console.log(chosenRisk);
});

您需要了解事件的处理过程

$('#list').on( "click", ".elementlist", function(){
    var chosenRisk = $(this).text(); 
    console.log(chosenRisk);
});

---

@AdamAzad感谢您更正语法错误。@AdamAzad感谢您更正语法错误。