1、html部分代码如下:
<div class="layui-col-xs2 layui-panel">
<div><input type="text" id="zf_keyword" placeholder="按关键词搜索"
class="layui-input"></div>
<div class="layui-tab-item layui-show" id="zf_tree"></div>
</div>
2、js代码部分如下:
var search = function(){
$("#zf_keyword").unbind('change').change(function () {
let that = this; //this;
let name = $(that).val().trim();
var elem = $("#zf_tree").find('.layui-tree-txt').css('color', ''); //搜索文本与设置默认颜色
if (!name) {
layer.alert("查无记录"); //无搜索值返回
}
elem.filter(':contains(' + name + ')').css('color', '#FFB800'); //搜索文本并设置标志颜色
elem.parents('.layui-tree-pack').prev().find('.layui-tree-iconClick').click(); //展开选项
})
}
The End





大气响应式网络建站服务公司织梦模板
高端大气html5设计公司网站源码
织梦dede网页模板下载素材销售下载站平台(带会员中心带筛选)
财税代理公司注册代理记账网站织梦模板(带手机端)
成人高考自考在职研究生教育机构网站源码(带手机端)
高端HTML5响应式企业集团通用类网站织梦模板(自适应手机端)