Javascript 通过json进行实时搜索，查看给定字符串是否在数组中 $（文档）.ready（函数（）{ 变量名称=[“nick”、“nicky”、“nickyy”、“nick23”、“nickfe09”、“nickf9”、“jim1”、“jimbo2”]； $.each（名称、函数（索引、值）{ $（''）.html（value+'）.appendTo（'#div'）； }); $（'#输入'）。更改（函数（事件）{ $（'#div>span:contains（'+$（'#input'）.val（）+'））.css（'background'，'red'）； }); });

大家好

我有一个用户名字符串。我希望将它们显示在一个表中（或者在本例中，仅显示一个列表），然后只显示其中的10个（列表中最终将有大约200个名称）。当用户在输入字段中输入某些内容时，例如

nic

，我希望它过滤其余部分并显示10个最匹配的用户名

我已经尝试了上面的设置，但没有成功。你们能帮帮我吗

问候

小提琴：

$（文档）.ready（函数（）{
变量名称=[“nick”、“nicky”、“nickyy”、“nick23”、“nickfe09”、“nickf9”、“jim1”、“jimbo2”]；
$.each（名称、函数（索引、值）{
$（''）.html（value+'
）.appendTo（'#div'）；
});
$（“#输入”）。打开（“更改键控”，函数（事件）{
$（'#div>span'）.css（'background'，''）；
$（“#div>span:包含（“+$（this.val（）+”））.css（'background'，'red'）；
});
});

我所做的只是：

使其

#除了
更改
之外，输入

还响应

键控

事件

在确定哪些跨度匹配之前，请清除所有

跨度的格式

在您实际更改内容的行中，我将

input.val

更改为

$（this.val（）

）。变量

输入

未定义

---

希望这有帮助

这就成功了。谢谢

$(document).ready(function () {
    var names = ["nick", "nicky", "nickyy", "nick23", "nickfe09", "nickf9", "jim1", "jimbo2"];

    $.each(names, function (index, value) {
        $('<span>').html(value + '<br>').appendTo('#div');
    });

    $('#input').change(function (event) {
        $('#div > span:contains("' + $('#input').val() + '")').css('background', 'red');
    });
});

<div id="div"></div>
<input type="text" id="input">

$(document).ready(function () {
    var names = ["nick", "nicky", "nickyy", "nick23", "nickfe09", "nickf9", "jim1", "jimbo2"];
    $.each(names, function (index, value) {
        $('<span>').html(value + '<br>').appendTo('#div');
    });
    $('#input').on("change keyup", function (event) {
        $('#div > span').css('background','');
        $('#div > span:contains("' + $(this).val() + '")').css('background', 'red');
    });
});