JQuery实现搜索关键词变红,包含关键词的div显示,无div的隐藏

			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
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值