Javascript 如何获取动态创建的价值<；p>；

我正在jquery中动态创建多个

元素

var output = '<p>' + results.length + ' matches found</p>';
$.each(results, function (index, result) {
        output += '<p class="'+result.text+'">- ' + result.text + '</p>';
 });
$('#search-output').html(output);

但是#搜索输出的所有内容都显示出来了。我想获取我单击的

的值。有什么帮助吗

了解

---

对于动态创建元素，您需要编辑jquery代码并在主体上触发单击事件类似的内容

 $('body').on('click','#search-output p',function(e){
    var data= $(this).text();
    console.log(data);
    $("#output").text(data);
})

---

可能重复@Subho，我很高兴它帮助了mate！快乐编码

$('#search-output').on('click', 'p', function(e){
    var data= $(this).text();
    console.log(data);
    $("#output").text(data);
});

 $('body').on('click','#search-output p',function(e){
    var data= $(this).text();
    console.log(data);
    $("#output").text(data);
})