字符搜索

悠悠 2022-04-03 13:43 57阅读 0赞

<!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>字符搜索</title>
    </head>
    <body>
    	<input type="text" id="findinput">
    	<ul>
    		<li>人生到处知何似</li>
    		<li>应似飞鸿踏雪泥</li>
    		<li>泥上偶然留指抓</li>
    		<li>鸿飞那复计东西</li>
    	</ul>
    	<script type="text/javascript" src="js/jquery.min.js"></script>
    	<script type="text/javascript">
    		$('#findinput').keydown(function(event) {
    			// 回车搜索
    			if (event.keyCode == 13) {
    				var keyword = $(this).val();
    				var liNode = $('li');
    
    				liNode.hide(); //将原有的内容隐藏           
    				liNode.filter(":Contains(" + keyword + ")").fadeIn(200); //将含有keyword的li进行渐变显示
    
    				//查找出的第一个元素点击选中
    				liNode.each(function(n, item) {
    					if (!liNode.eq(n).is(':hidden')) {
    						item.click();
    						return false;
    					}
    				});
    			}
    		})
    
    		// 元素点击事件
    		$('li').on('click', function() {
    			console.log($(this).index());
    		});
    	</script>
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，57人围观）

还没有评论，来说两句吧...

相关阅读

相关 Excel VBA 之Instr()函数，返回搜索到的字符位置

Instr函数是十分实用的，它可以查询某个字符串在另一个字符串中是否出现，并且返回该查询字符串最先出现的索引位置。语法 InStr(\[start,\] string

电玩女神/ 2023年10月09日 18:17/ 0 赞/ 11 阅读

相关 java 搜索起始位置,从Java中的给定位置搜索字符

使用该indexOf()方法从给定位置搜索字符。假设以下是我们的字符串。String myStr = "Amit Diwan"; 在这里，我们正在字符串中搜索字符“ i”

柔光的暖阳◎/ 2023年01月13日 09:12/ 0 赞/ 163 阅读

相关 linux之搜索指定字符文件

1. 当前目录只显示指定文件 ls tmp 只显示tmp开头的文件 ls tmp -lt 显示详细信息并按时间排序，最新的在前 ls tmp -l

小灰灰/ 2022年12月17日 12:57/ 0 赞/ 32 阅读

相关 MyBatis中模糊搜索使用like匹配带%字符时失效问题

[java基础视频教程][java][Java视频教程|xin3721自学网李天生老师主讲java视频教程，适合入门及进阶者。![icon-default.png?t=L89

ゝ一世哀愁。/ 2022年08月28日 11:40/ 0 赞/ 169 阅读

相关搜索学习--Lucene中搜索的排序、范围区间搜索、分页搜索、多条件搜索

依赖  <dependency> <groupId>or

水深无声/ 2022年06月05日 12:38/ 0 赞/ 293 阅读

相关字符搜索

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

悠悠/ 2022年04月03日 13:43/ 0 赞/ 58 阅读

相关求字符相似度的广度优先搜索问题请教

有n名选手在玩游戏，他们每个人有一个字符，每个字符都有自己固定的若干个特征。特征的种类数为k。每个人的特征为特征总集的一个子集。两个字符的相似度定义为：如果两个字符A和B

客官°小女子只卖身不卖艺/ 2022年03月02日 17:10/ 0 赞/ 51 阅读

相关搜索

搜索线性搜索二分搜索 STL main 输出结果线性搜索 int linerSearch(int a[],int n,

朱雀/ 2021年12月22日 04:07/ 0 赞/ 244 阅读

相关 ElasticSearch教程——前缀搜索、通配符搜索、正则搜索、推荐搜索和模糊搜索

ElasticSearch汇总请查看：[ElasticSearch教程——汇总篇][ElasticSearch] 前缀搜索搜索包含KDKE前缀的articleI

墨蓝/ 2021年09月27日 20:38/ 0 赞/ 436 阅读

相关 01-搜索一个字符数组中是否存在某个字符

01-题目： > 请在一个类中编写一个方法，这个方法搜索一个字符数组中是否存在某个字符，如果存在，则返回这个字符在字符数组中第一次出现的位置（序号从0开始计算），否则，返

朱雀/ 2021年09月23日 15:54/ 0 赞/ 287 阅读