```
<!-- 搜索框 -->
<input type="" name="" placeholder="关键字" class="searchBtn">
<!-- 页面展示出来的内容(搜索内容),一般都是循环出来的列表列表 -->
<?php foreach($list as $k=>$v):?>
<div class="defaultAdd">
<div class="AddListName"><i><?=$v['title']?></i><i class="phoneNumber"><?=$v['phone']?></i>
<?php if($v['is_default']==1):?>
<span>默认</span>
<?php endif;?>
</div>
<div class="AddListAdd"><?=$v['p_name']?><?=$v['c_name']?><?=$v['d_name']?><?=$v['address']?></div>
</div>
<?php endforeach;?>
<!-- jq -->
<script type="text/javascript">
//关键字搜索(快捷查找)
$('.searchBtn').bind('input',function(){//输入的时候触发
obj = $.trim($(this).val())//搜索的内容
$.each($('.defaultAdd'),function(key,value){//循环列表,把每一次循环的所有内容拼成一个字符串(用于比对)
var title = $(value).find(".AddListName").children('i').text();
var site = $(value).find(".AddListAdd").text()
var string= title+site//获取名字电话跟地址拼成字符串
if (string.indexOf(obj) != -1) {//判断是否存在
$(this).parent().parent().parent().css({"display":"block"});//展示存在的
} else {
$(this).parent().parent().parent().css({"display":"none"})//隐藏没有匹配上的
}
})
})
</script>
```
