jquery输入框动态查询l<li></li>列表

最新推荐文章于 2024-04-24 15:49:08 发布

转载最新推荐文章于 2024-04-24 15:49:08 发布 · 555 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/robert-s/p/9441628.html

文章标签：

#javascript #ViewUI

1、html代码如下：

2、js代码如下：

$('#search').bind('input propertychange', function () {
    searchKpoint();
});

function searchKpoint() {
    var searchName = $("#search").val();
    if (searchName == "") {
        $(".weaklist .kpoint li").show();
    } else {
        $(".weaklist .kpoint li").each(
            function () {
                var Kname = $(this).attr("Kname");
                if (Kname.indexOf(searchName) != -1) {
                    $(this).show();
                } else {
                    $(this).hide();
                }
            });
    }
}