摘要:本篇教程介绍了JavaScript如何实现快速搜索,希望阅读本篇文章以后大家有所收获,帮助大家对JavaScript的理解更加深入。
本篇教程介绍了JavaScript如何实现快速搜索,希望阅读本篇文章以后大家有所收获,帮助大家对JavaScript的理解更加深入。
<
页面代码:
1 <div style="border:1px solid #ccc;margin:20px;padding-bottom:10px;" id="foodList">
2 <ul>
3 {eq name="list['state']" value='0'}
4 <li>请添加菜品类型</li>
5 {else}
6 {eq name="list['count']" value='0'}
7 <li>请添加菜品</li>
8 {else}
9 {volist name="list['data']" id='list'}
10 <li data-p='{eq name="$list.food_p1" value=".00"}0{/eq}{$list.food_p1}' data-u='{$list.food_u1}' data-id='{$list.food_id}'>{$list.food_name}<i>{$list.food_code}</i></li>
11 {/volist}
12 {/eq}
13 {/eq}
14 </ul>
15 <div class="cl"></div>
16 </div>
js代码
1 $("#foodCode").keyup(function(){
2 $("#foodList ul li").stop().hide().filter(":contains('"+($(this).val())+"')").show();//contains 匹配文本中内容
3 });
本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注职坐标WEB前端JavaScript频道!
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了,明天再试试吧!
我们会在第一时间安排职业规划师联系您!
您也可以联系我们的职业规划师咨询:
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
沪公网安备 31011502005948号