<dl class="index-dl" id="pro-list">
    <dd class="pro-list-dd"><span class="pro-img"></span><a href="javascript:;" class="goWarn" projectcode="" projectname="测试1">测试1</a><span class="layui-badge warn-num layui-hide">0</span>
    </dd>
    <dd class="pro-list-dd"><span class="pro-img"></span><a href="javascript:;" class="goWarn" projectcode="" projectname="测试2">测试2</a><span class="layui-badge warn-num layui-hide">0</span>
    </dd>
</dl>
<script>
    //调用项目名搜索
    $('#pro-search').on('input onpropertychange', _debounce(proSearch, 500))
    //项目名搜索
    function proSearch() {
        var _keyword = $(this).val();
        if(_keyword){
            var _test = $("#pro-list").find("a:contains("+ $.trim(_keyword.toUpperCase())+ ")").parent();
            $('dd', $('#pro-list')).not(_test).hide();
            _test.show();
        }else{
            $('.pro-list-dd').show();
        }
    }
    //搜索防抖优化
    var _debounce = function(fn, wait){
        var timer = null;
        return function(){
            var _self = this;
            var _args = arguments;
            clearTimeout(timer)
            timer = setTimeout(function(){
                fn.apply(_self,_args)
            }, wait)
        }
    }
</script>