Question

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

我试图这样做，以便根据用户输入的内容（数字1,2或3），li的位置进入相应的div（Div1如果输入＆＃34; 1＆＃34;，Div2如果输入＆＃34; 2＆＃34;或Div3，如果他们输入＆＃34; 3＆＃34;）。

我真的无法弄清楚如何实现这一目标。我可以弄清楚如何制作几乎所有其他变化（文本颜色，背景颜色，填充等）除了让它进入正确的div！

这可以通过CSS完成，或者这是一个jQuery的东西还是什么？

请告诉我如何去做这件事。

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

Answer 1

在你的情况下，由于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')
    }
})

演示：Fiddle

另请注意，您要将li添加到ul元素而不是div

你怎么会把李放在不同的div？

1 个答案: