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

160 阅读1分钟

1、html代码如下:

image.png

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();
                }
            });
    }
}