我的.append使用var值并不附加任何东西！ （jQuery的）

Question

我遇到了这个jQuery的问题。

var item = $("#iteminput").val();   

$("#add").on("click", function(){
    $("ul").append("<li>" + (item) + "</li>")
});

当我在输入中输入内容时，然后单击添加按钮，似乎认为var是空白的。

有什么想法吗？很抱歉问这样一个新手问题。

感谢。

Answer 1

您需要获取您在点击时输入的值，如下所示：

$("#add").on("click", function(){
    var item = $("#iteminput").val();
    $("ul").append("<li>" + item + "</li>")
});

在输入任何内容之前，您在页面加载时获取了值。