Javascript 到 JQuery - 在文本字段中呈现用户输入

Question

我有一个 javascript 函数，旨在将文本字段的内容附加到列表中，以便在用户单击文本字段旁边的按钮时立即呈现它。按钮和文本字段显示正常，但有人告诉我需要将函数转换为 JQuery，我对 JQuery 语法的熟悉程度远不如 javascript。这是函数:

document.getElementById("append").onclick = function()
{
    var text = document.getElementById("new-text").value;

    var li = "<li>" + text + "</li>";
    document.getElementById("list").appendChild(li);
}

list 是我想要附加文本字段内容的列表，new-text 是文本字段内容的 ID。

Answer 1

试试这个:

$('#append').on('click', function () {
    var text = $('#new-text').val();
    var li = '<li>' + text + '</li>';
    $('#list').append(li);
});