```
<!-- 搜索框 -->
<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>
```
