如何使用Jquery从输入动态创建附加文本的ul li

我有一个表单，它有一个带有添加按钮的文本输入。当您单击add按钮时，它会从输入中获取文本并将其放置在另一个div中。我需要它位于动态创建的无序列表中，该列表也会将输入中的文本放置在其中。我需要输出看起来像

输入文本
再次输入文本

我不知道如何正确地放置append来创建列表并将文本追加到其中。我可以很容易地得到文本值并将其输出到列表中。任何关于附加的帮助都会很好。

像这样的东西

$("#yourbutton").click(function() {
    //uncomment this if you want to wipe the list before adding the LI node:
    //$("#yourUL").empty();

    $("#yourUL").append("<li>" + $("#yourinputtextbox").val() + "</li>");
});

$（“#您的按钮”）。单击（函数（）{
//如果要在添加LI节点之前擦除列表，请取消对此的注释：
//$（“#yourUL”）.empty（）；
$（“#yourUL”）.append（“
”+$（“#yourinputtextbox”）.val（）+“
”）；
});

您正在寻找jQuery

appendTo（）

$（“按钮”）。单击（函数（）{
$（“
”+$（“输入”）.val（）+“
”）.appendTo（“ul”）；
});

演示：

---

这可能有用

HTML:

<input type="test" id="inputName" />
<button id="btnName">Click me!</button>

<ul class="justList"></ul>

$('#btnName').click(function(){
    var text = $('#inputName').val();
    if(text.length){
        $('<li />', {html: text}).appendTo('ul.justList')
    }
});

点击我！

JS:

<input type="test" id="inputName" />
<button id="btnName">Click me!</button>

<ul class="justList"></ul>

$('#btnName').click(function(){
    var text = $('#inputName').val();
    if(text.length){
        $('<li />', {html: text}).appendTo('ul.justList')
    }
});

$（'#btnName'）。单击（函数（）{
var text=$（'#inputName'）.val（）；
如果（文本长度）{
$（'
'，{html:text}）.appendTo（'ul.justList'）
}
});

以下是演示：
更新：
请注意：
以下是网址：

$（'#btnName'）。单击（函数（）{
var text=$（'#inputName'）.val（）+'x'；
如果（文本长度）{
$（'
'，{html:text}）.appendTo（'ul.justList'）
}
});
$（'ul'）。在（'click'，'button'，函数（el）上{
$（this.parent（）.remove（））
});

我还需要创建一个小X按钮来删除列表项，以防有人键入错误的列表项。基本上就像stackoverflow允许您从问题中删除标记一样。如果有人能发布一些示例代码，我会节省一些时间。你是我的英雄！感谢您的快速响应和帮助。如何在向每个列表项添加类的同时执行此操作？