Javascript 你将如何把李安排在不同的部门？

我有一个输入框，当你输入时，它会创建一个可见的li，上面有你输入的单词

我试图使之成为这样，根据用户键入的内容（数字1、2或3），li的位置进入相应的div（如果他们键入“1”，则为Div1；如果他们键入“2”，则为Div2；如果他们键入“3”，则为Div3）

我真的不知道如何实现这一点。我可以想出如何使几乎所有关于它的变化（文本颜色，背景颜色，填充，等等），除了让它进入正确的div

这可以通过CSS来完成吗？或者这是jQuery之类的东西吗

请告诉我该怎么做

 <input type="text" placeholder="Type 1, 2, or 3 here." autocomplete="off">

---

在您的例子中，由于input元素的值和div的sufix是相同的，所以您可以使用它来添加li

$('input').change(function () {
    var value = this.value;
    if ($.inArray(value, ['1', '2', '3']) > -1) {
        $('<li />', {
            text: value
        }).appendTo('#d' + value + ' ul')
    }
})

$（'input'）。更改（函数（）{
var值=此值；
如果（$.inArray（值，['1'，'2'，'3']）>-1）{
$（“
”{
文本：值
}).appendTo（“#d”+值+ul”）
}
})

演示：

---

还要注意，您正在将添加到

ul

元素，而不是实际上对我帮助很大的div

。谢谢。在你们的帮助下，我的项目已经完全解决了这个问题。非常感谢。