首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >通过JavaScript过滤ul列表没有正确过滤列表

通过JavaScript过滤ul列表没有正确过滤列表
EN

Stack Overflow用户
提问于 2018-02-14 06:30:23
回答 2查看 123关注 0票数 -1

我正在尝试为ul实现一个过滤器列表,但是我的JavaScript函数似乎不能接受输入并过滤该列表。我不太确定为什么会发生这种情况。我还尝试将for循环更改为for (i = 0; i < ul.length; i++),以搜索ul,但它似乎也没有响应。

HTML:

代码语言:javascript
复制
<input type="text" id="myMovies" onkeyup="searchTitle()" placeholder="Is your movie on here?">
        <ul id="movieList">
            <li>item 1</li>
            <li>item 2</li>
            <li>item 3</li>
            <li>item 4</li>
        </ul>

Javascript:

代码语言:javascript
复制
function searchTitle(){
    var input, filter,  ul, li, a, i;
    input = document.getElementById("myMovies");
    filter = input.nodeValue.toUpperCase();
    ul = document.getElementById("movieList");
    li = ul.getElementsByTagName("li");

    for (i = 0; i < li.length; i++){
        a = li[i].getElementsByTagName("a"[0]);
        if (a.innerHTML.toUpperCase().indexof(filter) > -1) {
            li[a].style.display = "";
        }
        else{
            li[a].style.display = "Not found";
        }
    }
}
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48776766

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档