JS——对已有元素内容进行筛选（本地搜索筛选）

最新推荐文章于 2023-12-09 15:31:35 发布

HarryHY

最新推荐文章于 2023-12-09 15:31:35 发布

阅读量639

点赞数

CC 4.0 BY-SA版权

分类专栏： JS

本文链接：https://blog.youkuaiyun.com/HarryHY/article/details/115921920

这篇博客主要介绍了如何使用JavaScript针对页面中已有的元素内容进行本地搜索筛选，实现快速查找目标信息的功能。通过示例代码，阐述了关键的筛选逻辑和DOM操作技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function search_input(inputvalue) {
   
    //inputvalue 搜索的内容值
        let result = new Array();

        $(".gameclass").each(function (j, k) {
   
   
            let map = new Map();
            map =

最低0.47元/天解锁文章

200万优质内容无限畅学

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

HarryHY

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Google Earth Engine（GEE）——多个geometry图层对影像的筛选和加载

此星光明博客

09-11

845

关键函数代码：这里我在注释里面提及了我们如果要加载三个图层的化应该怎么办，这里尤其要注意的一点是当我们认为我门加载的图层名称来获取geometry的时候是不太可能的，因为我们初始化的图层啥都没有，所以这里不可能获取你的图册名称的信息，所以这里我们依旧得用Map.drawingTools().layers().get(0).用get来获取不同的geometry图层信息。如果你尝试下面注释的部分，那么会提示错误，发夹可以自行分析。在初始过程中我们一定要选中三个区域就行了。

JavaScript 学习总结（18）—— JavaScript 代码规范与常见技巧总结

科技D人生

01-20

191

高阶函数（Higher-OrderFunction），简单来说，就是满足以下一个或两个条件的函数：1.接受一个或多个函数作为参数：在JavaScript中，函数是一等公民，这意味着函数可以像其他数据类型（如数字、字符串）一样被传递和操作。例如，我们可以将一个函数作为参数传递给另一个函数，让接收函数根据不同的逻辑来调用传入的函数。2.返回一个函数：高阶函数执行完毕后，返回的结果也是一个函数。这使得我们能够根据不同的条件动态生成可执行的函数。

参与评论您还未登录，请先登录后发表或查看评论

js搜索本地文件

04-13

js在IE下搜索C盘所有目录的文件夹和文件

vue实现简单的数据筛选

huihuihaha222222的博客

06-26

2785

代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv...

js查找筛选的方法

2301_79265530的博客

10-24

622

Array.prototype.every(): every() 方法测试数组的所有元素是否通过由提供的函数实现的测试。Array.prototype.some(): some() 方法测试数组的某些元素是否通过由提供的函数实现的测试。Array.prototype.map(): map() 方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后的返回值。Array.from(): Array.from() 方法创建一个新的数组实例，从一个可迭代的对象（如字符串或类似数组的对象）。

JS实现table表格内针对某列内容进行即时搜索筛选功能

10-18

主要介绍了JS实现table表格内针对某列内容进行即时搜索筛选功能,涉及javascript针对HTML元素的遍历、属性动态修改相关操作技巧,需要的朋友可以参考下

js控制筛选

Thankdj

09-09

1389

控制器Controller中对需要筛选的熟悉字段与Jsp页面进行交互，将条件字段放入map集合中 @RequestMapping("prodlist") public String prodList(InsuranceProdForm insuranceProdForm, PageForm pageForm, Model model) { Map params = n

京东号码筛选检测，判断自己的手机号有没有注册过京东

02-02

描述中提到的“软件仅供学习使用，切勿用作任何违法用途”，这表明该压缩包可能包含一个程序或脚本，设计用于进行上述的号码筛选检测。用户应理解并遵守使用此工具的合法性和道德性，不能用于侵犯他人隐私、非法数据...

三、Fiddler抓包——Fiddler过滤器-Fiddler抓包数据筛选

热门推荐

RLYUO的博客

04-24

1万+

（一）进入Filters设置页面 1、打开Fiddler，点击Filters按钮 2、在Filters页面，点击Use Filters （二）设置Filters 1、可根据下图1-1设置过滤规则，设置好之后，可以依次点击Actions>>Save Filterset保存‘过滤规则’，下次使用该‘过滤规则’时，点击...

JS 筛选分类，整理数据————JS

陈嗯嗯的博客

04-22

681

数据结构：需求：将json 按sjid 去分类并把数据整理好。 var nList = []; for (var i = 0; i < emails.length; i++) { if (nList.length == 0) { nList.push({ sjid: emails[i].sjid, sjnc:'',

前端js实现本地模糊搜索

weixin_42645716的博客

06-08

1524

前端js实现本地模糊搜索

javascript 对后台返回的数据进行分类,筛选一样的数据

xixi的博客

09-01

1394

模拟后台返回的数据为： var arr = [ {personName:"张三",id:1,age:12,gender:"male"}, {personName:"张三",id:1,age:12,gender:"male"}, {personName:"张三",id:1,age:12,gender:"male"}, {personName:"李四",id:1,age:12,gender:"male"}, {personName:"李四",id:1,age:12,gen

js中如何过滤与模糊搜索？

weixin_62980497的博客

12-09

176

这里面的layout 就是我们要筛选出来的数据，string（1）呢就是数据layout：1，根据实际情况用三元表达式去让1等于谁谁谁，我这里开发用到的三元表达式是 ${sik[t].name==1?indexoff是个数组，筛选过滤 indexoff的name，和account，title，grade-title。模糊搜索呢也很简答，也是两个数组两份数据进行过滤筛选搜索，也可以是两份一模一样的数据。最后哟啊进行return返回将数据放回，下方直接打印出来即可，就是我们筛选后的数据。

JS实现商品筛选（3）

lhw135864的专栏

02-19

2483

这一次要分享的是以前写过的tab切换+分页，只是这次以面向对象的形式写出来。代码是基于jquery的，当然你也可以用原生JS来实现，不过得封装一些函数，不然甚是麻烦。先说tabs组件，基于简单的考虑，我这个组件，只需要传两个参数，一个是触发器的元素数组，一个是切换内容的元素数组。个人感觉更好的，应该是要再传一个外层容器的ID，因为有时候可能触发器的class值会有重复的使用。当然，我的代码已经

JS各种数据类型的识别与筛选、提取

沐枫

09-04

708

'use strict'; // 数据类型数组 let arr = ['100px', 'abc' - 6, [], -98765, 34, -2, 0, '300', , function () { alert(1); }, null, document, [], true, '200px' - 30, '23.45元', 5, Number('abc'), f...

random实现字体随机颜色和大小

qq_42040061的博客

11-15

1329

今天看到一个关于标签的随机颜色和大小的样式，就随手自己泄露一个小demo。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale...

JavaScript简易搜索条项目

u011082575的博客

09-18

108

原始地址：https://dev.to/am20dipi/how-to-build-a-simple-search-bar-in-javascript-4onf。

JavaScript中常用的数组过滤方法

weixin_53156345的博客

09-20

6077

在 JavaScript 编程中，经常会遇到需要对数组进行筛选和过滤的情况。本文将介绍几种常用的数组过滤方法，帮助你在处理数组数据时更加灵活高效。

javascript 的筛选方法(多种方法细解)

lyq1948的博客

07-15

3052

如果参数中提供的索引值是一个负值，则将其作为数组末尾的一个抵消，即-1表示从最后一个元素开始查找，-2表示从倒数第二个元素开始查找，以此类推。如果没有指定第二个参数，prev 的值就是数组的第一项值，cur 的值就是数组的第二项值。reduce()方法详解:是 JavaScript 数组的一个高阶函数，它可以对数组中的元素进行迭代，并返回一个单一的值。1.当数组中的元素在测试条件时返回 true 时, findIndex() 返回符合条件的元素的索引位置，之后的值不会再调用执行函数。

js splice()怎么筛选并剪切