layui 前端筛选

方法:隐藏筛选之外的数据

<form class="layui-form">
            <div class="layui-form-item">
                <label class="layui-form-label">计划时间</label>
                <div class="layui-input-inline">
                    <input type="text"  id="regional_plan_time" class="layui-input">
                </div>
                <label class="layui-form-label">部门</label>
                <div class="layui-input-inline">
                    <select id="table_filter_regional_department_id" class="select-department" lay-search >

                    </select>
                </div>
                <label class="layui-form-label">下一级部门</label>
                <div class="layui-input-inline">
                    <select id="table_filter_parent_regional_department_id" class="select-department" lay-search >

                    </select>
                </div>
                <div class="layui-input-inline">
                    <button class="layui-btn layui-btn-sm" id="btn_filter_regional_plan">筛选</button>
                </div>
            </div>
        </form>

$(document).on('click','#btn_filter_goods_list',function () {
    $("tbody").find('tr').each(function(){
        $(this).show()
       var goods_name = $(this).find("td[data-field='goods_name']").find('div').text();
        var goods_num = $(this).find("td[data-field='goods_num']").find('div').text();
       if($('#goods_num').val() != ''){
           if(goods_num !=$('#goods_num').val()){
               $(this).hide()
           }
       }
        if($('#goods_name').val() != ''){
            if(goods_name !=$('#goods_name').val()){
                $(this).hide()
            }
        }
    });

});