JQuery实现搜索关键词变红,包含关键词的div显示,无div的隐藏
来源:互联网 发布:iphonex专用软件 编辑:程序博客网 时间:2024/05/01 15:03
var arr2 = "";var arr1 = "";var x = "";$(function() {$("#keywords").bind("input propertychange", function() {arr2 = $(this).val();$("font").each(function() {var xx = $(this).html();$(this).replaceWith(xx);})if(/^[\u4e00-\u9fa5]+$/i.test(arr2)) {var reg = "/" + arr2 + "/g";x = document.getElementsByClassName("qa_head");for(var i = 0; i < x.length; i++) {arr1 = "<font class='fontRed'>" + arr2 + "</font>";x[i].innerHTML = x[i].innerHTML.replace(eval(reg), arr1);}$("#rootpane .qa_head").hide();$("#rootpane a:contains(" + arr2 + ")").parent().show();} else {$("#rootpane .qa_head").show();}});})
<div class="keysearch"><span>搜索城市:</span><input id="keywords" type="text" placeholder="请输入城市名称筛选" /><div id="rootpane"><div class="qa_head"><a> <strong> 8:00起售车站</strong> 北京西、南京、南京南、同江。</a></div><div class="qa_head "><a> <strong> 8:30 起售车站</strong>白城、成都东、东莞、东莞东、惠州、济宁、南充、宁波、日照、山海关、汕头、松原、乌兰浩特、乌鲁木齐南、南充北、乌鲁木齐。</a></div></div>因发布在编辑器里面,所以代码有嵌套
附上实际演示地址http://www.green12306.com/informRead.htm?method=detail&checks=679
0 0
- JQuery实现搜索关键词变红,包含关键词的div显示,无div的隐藏
- Jquery/JS实现DIV的隐藏/显示
- JQuery实现DIV的显示与隐藏
- jquery实现div的隐藏。
- 用jquery实现两个div的隐藏与显示
- jquery的div显示和隐藏!
- jquery-控制div的显示与隐藏
- jquery显示、隐藏div的方法
- jquery的div显示和隐藏
- JQuery隐藏,显示div的方法
- jQuery的激活DIV显示/隐藏
- jquery控制div的显示与隐藏
- Jquery div 的隐藏和显示
- jquery的div隐藏
- javascript实现div的显示和隐藏
- js实现div的显示与隐藏
- JQuery实现点击div以外的位置隐藏该div
- jquery显示隐藏div
- 开通博客
- shell 1>&2 2>&1 &>filename重定向的含义和区别
- Count and Say
- 前端开发的模块化和组件化的定义,以及两者的关系?
- devexpress 破解版消除运行弹窗
- JQuery实现搜索关键词变红,包含关键词的div显示,无div的隐藏
- 只属于我自己的2016
- leetcode 53. Maximum Subarray(分治,递归)
- 2016年度GitHub上Stars最多的项目
- “兴趣爱好”,蜜糖or砒霜?
- 基本3D变换之World Transform, View Transform and Projection Transform
- 如何使用github自制Android library开源依赖。可以生成gradle、maven、sbt、leigingen等版本
- ubuntu下安装程序的三种方法
- wold 2016 ~!