我正在创建多个 <p></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);
现在当我点击 <p>
我想要文本值的元素。我试过了
$('#search-output').click(function(e){
var data= $(this).text();
console.log(data);
$("#output").text(data);
})
但是#search-output 的所有内容都显示出来了。我想获得 <p>
的值我点击了。任何帮助
最佳答案
Read about
Event delegation
$('#search-output').on('click', 'p', function(e){
var data= $(this).text();
console.log(data);
$("#output").text(data);
});
关于javascript - 如何获取动态创建的<p>的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37915724/