通过jquery </p>在<p>中插入和显示数据

Question

我正在制作一个屏幕键盘并创建了我无法添加功能的列表如何通过Jquery onclick函数调用从列表元素中获取输入并将其显示在div中的段落中？

Answer 1

HTML

<input id="textID" type="text">
<span id="add">Add</span>
<div id="result"></div>

JS

$(document).ready(function(){
    $('#add').click(function(){
        $('#result').append('<p>'+$('#textID').val()+'</p>');
    });
});

Answer 2

这不是一个正确的问题，所以我不会给出正确的答案。只是这个想法。

• 将带有字母的数据属性添加到每个＆＃34;键＆＃34;按钮
• 通过jQuery将所有内容绑定到它们
• 每次触发点击处理程序时，从数据中提取字母，然后将其附加到＆＃34;显示＆＃34;段落。