首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

jQuery:我如何遍历一组元素,只查找与另一个数组中的值匹配的元素?

在jQuery中,可以使用.each()方法来遍历一组元素,并使用条件语句来查找与另一个数组中的值匹配的元素。

首先,我们需要定义一个数组来存储要匹配的值,然后使用.each()方法遍历要查找的元素。在每次迭代中,可以使用条件语句来判断当前元素的值是否与数组中的任何一个值匹配。如果匹配成功,可以执行相应的操作。

以下是一个示例代码:

代码语言:javascript
复制
// 定义要匹配的值的数组
var matchArray = [1, 3, 5];

// 遍历一组元素
$('.element').each(function() {
  // 获取当前元素的值
  var value = $(this).text();

  // 判断当前元素的值是否与数组中的任何一个值匹配
  if ($.inArray(parseInt(value), matchArray) !== -1) {
    // 匹配成功,执行相应的操作
    $(this).addClass('matched');
  }
});

在上面的示例中,我们假设要遍历的元素具有.element类,并且它们的值是文本。我们使用$.inArray()函数来判断当前元素的值是否在matchArray数组中,如果返回值不等于-1,则表示匹配成功。

在匹配成功的情况下,我们使用.addClass()方法为匹配的元素添加一个.matched类,以便进行进一步的操作。

请注意,上述示例中的代码仅用于演示目的,实际应用中可能需要根据具体情况进行适当的修改。

推荐的腾讯云相关产品:腾讯云云服务器(CVM),产品介绍链接地址:https://cloud.tencent.com/product/cvm

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

给我 O(1) 时间,查找删除数组任意元素

这写问题一个技巧点在于,如何结合哈希表和数组,使得数组删除和查找操作时间复杂度稳定在 O(1)? 下面来一道道看。...这样我们就可以直接生成随机数作为索引,从数组取出该随机索引对应元素,作为随机元素。 但如果用数组存储元素的话,插入,删除时间复杂度怎么可能是 O(1) 呢? 可以做到!...对数组尾部进行插入和删除操作不会涉及数据搬移,时间复杂度是 O(1)。 所以,如果我们想在 O(1) 时间删除数组某一个元素val,可以先把这个元素交换到数组尾部,然后再pop掉。...避开黑名单随机数 有了上面一道题铺垫,我们来看一道更难一些题目,力扣第 710 题,来描述一下题目: 给你输入一个正整数N,代表左闭右开区间[0,N),再给你输入一个数组blacklist,其中包含一些...2、如果要保持数组元素紧凑性,可以把待删除元素换到最后,然后pop掉末尾元素,这样时间复杂度就是 O(1) 了。当然,我们需要额外哈希表记录到索引映射。

1.3K10

在python3实现查找数组中最接近元素操作

就废话不多说了,直接上代码吧!...(map使用可自行百度) 二、当集合为空时,输出“Empty!”;当集合只有一个元素时,直接输出该元素。 三、下面重点看一般情况。...1.先查找集合是否有查询元素,有则输出该元素 2.没有的话,将该元素先插入集合,再查找元素处于集合某个位置。 若该元素在集合首位,则输出该数下一位。...若该元素在集合末位,则输出该数上一位。 否则,判断它左右元素与它绝对,输出差绝对较小那个元素。若相等,则同时输出。...first << endl; } a.erase(a.find(x) ); } } } } return 0; } 以上这篇在python3实现查找数组中最接近元素操作就是小编分享给大家全部内容了

6.1K20

【Groovy】集合遍历 ( 使用集合 findAll 方法查找集合符合匹配条件所有元素 | 代码示例 )

3、闭包中使用 true 作为 findAll 方法查找匹配条件 二、完整代码示例 一、使用集合 findAll 方法查找集合符合匹配条件所有元素 ---- 在上一篇博客 【Groovy】集合遍历...方法返回就是返回该符合 匹配条件 元素 ; 集合 findAll 方法原型 : /** * 查找关闭条件匹配所有。...在集合 findAll 方法 , 闭包中使用 is 作为查找匹配条件 , 查找集合 “3” 对象相同地址元素 , 此处 is 方法等价于调用 String == 运算 , 不是比较...闭包中使用 is 作为查找匹配条件 findCollectionResult = list.findAll{ // 查找集合 "3" 对象相同地址元素...闭包中使用 is 作为查找匹配条件 findCollectionResult = list.findAll{ // 查找集合 "3" 对象相同地址元素

2.3K30

面试算法,在绝对排序数组快速查找满足条件元素配对

例如下面的数组就是绝对排序: A:-49, 75, 103, -147, 164,-197,-238,314,348,-422 给定一个整数k,请你从数组找出两个元素下标i,j,使得A[i]+A[j...对于这个题目,我们曾经讨论过当数组元素全是整数时情况,要找到满足条件配对(i,j),我们让i从0开始,然后计算m = k - A[i],接着在(i+1, n)这部分元素,使用折半查找,看看有没有元素正好等于...m,如果在(i+1,n)存在下标j,满足A[j] == m 那么我们就可以直接返回配对(i,j),这种做法在数组元素全是正数,全是负数,以及是绝对排序时都成立,只是在绝对排序数组,进行二分查找时..." and " + this.sortedArray[this.indexJ]); } } } 类FindPairInAbsoluteSortedArray用于在绝对排序数组查找满足条件元素配对...,它先根据两元素都是正数情况下查找,然后再根据两元素都是负数情况下查找,如果这两种情况都找不到,再尝试两元素一正一负情况下查找,如果三种情况都找不到满足条件元素,那么这样元素数组不存在。

4.3K10

jquery常用方法

1 2 3 查找遍历筛选 $("#ID").map(callback);//将一组元素转换成其他数组 $("#ID").find(expr);//搜索所有指定表达式匹配元素 $("#ID").children...();//获得匹配元素集合每个元素所有子元素 $("#ID").parent();//获得当前匹配元素集合每个元素祖先元素 $("#ID").parents();//获得当前匹配元素集合每个元素元素...$("#ID").filter();//将匹配元素集合缩减为匹配选择器或匹配函数返回元素 $("#ID").not();//从匹配元素集合删除元素 $("#ID").add();//将元素添加到匹配元素集合...();//获得匹配元素集合每个元素紧邻前一个/所有同辈元素 $("#ID").next() & nextAll();//获得匹配元素集合每个元素紧邻一个/所有同辈元素 1 2 3 4 5 6 7...遍历对象和数组 jQuery.map();//修改数据 jQuery.grep();//数据筛选,返回一个经过筛选后数组 jQuery.inArray(value,array);//查找元素下标 jQuery.merge

78820

JQuery选择器和JQuery包装集

='...']")匹配给定属性是不包含某个特定元素 name='...' $("input[name^='...']")匹配给定属性是以某些开始元素 name^='...'...,例如each传递遍历函数this也是DOM元素1234var arrDiv = $('div');for( var i = 0;i < arrDiv.length; i++) { arrDiv...).filter(function(index) {});筛选出指定函数返回匹配元素集合:.filter(function) $("input[type='checkbox']").parent...//将一个数组转换为另一个数组 将原数组每个元素加 4 转换为一个新数组:$.map( [0,1,2], function(n){ return n + 4;}); 结果:[4, 5, 6] 原数组中大于...n + 1 : null;}); 结果:[2, 3] 原数组每个元素扩展为一个包含其本身和其加 1 数组,并转换为一个新数组:$.map( [0,1,2], function(n){ return

3.1K20

第73天:jQuery基本动画总结

; each就是for循环方法一个包装,内部就是通过for遍历数组对象,通过回调函数返回内部迭代一些参数,第一个参数是当前迭代成员在对象或数组索引(从0开始计数),第二个参数是当前迭代成员(...); }); 16、jQuery查找数组索引inArray 在PHP有in_array()判断某个元素是否存在数组,JavaScript却没有,但是jQuery封装了inArray()函数判断元素是否存在数组...默认数组是0开始 例如:在数组查找是5索引 $.inArray(5,[1,2,3,4,5,6,7]) //返回对应索引:4 注意: 如果要判断数组是否存在指定,你需要通过该函数返回不等于...如果反过来,已知元素如何在合集中找到对应索引呢? .index()方法,从匹配元素搜索给定元素索引,从0开始计数。...,则返回就是jQuery对象第一个元素相对于它同辈元素位置 - 如果在一组元素上调用 .index() ,并且参数是一个DOM元素jQuery对象, .index() 返回就是传入元素相对于原先集合位置

3.2K10

jQuery中常用函数和属性详细解析

匹配集合包含str这个变量文本元素集合,返回匹配元素集合 end()用于返回到调用find() 或 parents() 函数(或者其它遍历函数)之前 jQuery 对象 例子 $("#div1")...map( callback ) 将jQuery对象一组元素利用callback方法转换其,然后添加到一个jQuery数组。...not( expr ) 从匹配元素集合删除指定表达式匹配元素。 slice( start, [end] ) 从匹配元素集合取得一个子集,和内建数组slice方法相同。...add( expr ) 把表达式匹配元素添加到jQuery对象。 children( [expr] ) 取得一个包含匹配元素集合每一个元素所有子元素元素集合。...contents( ) 取得一个包含匹配元素集合每一个元素所有子孙节点集合(包括元素节点,不包括文本节点),如果元素为iframe,则取得其中文档元素 find( expr ) 搜索所有指定表达式匹配元素

2.6K10

JQuery最全常用方法指南

map(callback) 将jQuery对象一组元素利用callback方法转换其,然后添加到一个jQuery数组。 not(expr) 从匹配元素集合删除指定表达式匹配元素。...slice(start, [end]) 从匹配元素集合取得一个子集,和内建数组slice方法相同。 add(expr) 把表达式匹配元素添加到jQuery对象。...children([expr]) 取得一个包含匹配元素集合每一个元素所有子元素元素集合。可选过滤器 将使这个方法匹配符合元素(包括元素节点,不包括文本节点)。...contents() 取得一个包含匹配元素集合每一个元素所有子孙节点集合(包括元素节点,不 包括文本节点),如果元素为iframe,则取得其中文档元素 find(expr) 搜索所有指定表达式匹配元素...可以有多个参数(合并多项并返回) $.map(array, fn):数组映射。把一个数组项目(处理转换后)保存到到另一个数组,并返回生成数组

11K31

DOM 高级工程师不完全指南

三年前初入前端坑时候,发现了一个叫做 jQuery 宝贝,她有一个神奇 $ 函数,可以让快速选中某一个或一组 DOM 元素,并提供链式调用以减少代码冗余。...NodeList 是一个可遍历对象(aka:伪数组),虽然和数组很像,但它确实不是数组,虽然可以利用 forEach 遍历它,但它并不具备数组一些方法,比如 map、reduce、find。...那么问题来了,如何将一个伪数组转化为数组呢?ES6 为开发者提供了两个便利选择 ?...为了减少对宝贝键盘损耗,一般会这么干: ? 保护机械键盘,从我做起。 少年,爬上这棵 DOM 树 上述内容主题是查找 DOM 元素,这是一个自上而下过程:从父元素向其包含元素发起查询。.../ 观测 class 属性 / 属性变化时传递属性旧 / 开启对子元素列表观测。

70110

DOM 高级工程师不完全指南

三年前初入前端坑时候,发现了一个叫做 jQuery 宝贝,她有一个神奇 $ 函数,可以让快速选中某一个或一组 DOM 元素,并提供链式调用以减少代码冗余。...NodeList 是一个可遍历对象(aka:伪数组),虽然和数组很像,但它确实不是数组,虽然可以利用 forEach 遍历它,但它并不具备数组一些方法,比如 map、reduce、find。...那么问题来了,如何将一个伪数组转化为数组呢?ES6 为开发者提供了两个便利选择 ?...为了减少对宝贝键盘损耗,一般会这么干: ? 保护机械键盘,从我做起。 少年,爬上这棵 DOM 树 上述内容主题是查找 DOM 元素,这是一个自上而下过程:从父元素向其包含元素发起查询。.../ 观测 class 属性 / 属性变化时传递属性旧 / 开启对子元素列表观测。

71710

jQuery入门前言

可以指定该元素某个属性,这样所有使用该属性而不管它,这个元素都将被定位,也可以更加明确并定位在这些属性上使用特定元素,这就是属性选择器展示它们威力地方。 ?...遍历jQuery遍历有很多种方式,下面来看一下都如何使用。...parents方法和parent方法不同之处在于parent查找父级一级元素,而parents则会一直往上查找。...直到找到一个匹配就停止查找,parents一直查找到根元素,并将匹配元素加入集合 结果不同:.closest返回是包含零个或一个元素jquery对象,parents返回是包含零个或一个或多个元素...jquery对象 4、next()、prev()和siblings()方法: 用于快速查找指定元素集合每一个元素紧邻后面同辈元素元素集合。

2.8K30

jQuery 快速入门教程

例如:选取集合符合某些条件元素,删除集合符合某些条件元素查找当前匹配元素元素、父元素、同辈元素、上一个元素、下一个元素之具有特定关系元素。...}' ); var jsonArray = $.parseJSON( '[ 12, "CodePlayer", true ]' ); 遍历方法 此外,在jQuery还有几个常用遍历函数,我们可以使用这些函数遍历数组元素或对象属性...// i 表示当前迭代元素索引或对象属性名称 // value 表示当前迭代数组元素或对象属性 // this value 相同 alert( i + "...= " + value ); // 如果函数return false,将终止遍历 }); // $.map()用于遍历数组元素或对象属性,并将每次执行遍历函数返回封装为数组返回 var..., i){ // 注意参数顺序each()不同 // value 表示当前迭代数组元素或对象属性 // i 表示当前迭代元素索引或对象属性名称 // this

13.6K30

一个小时学会jQuery

jQuery UI包含大量预定义好部件( widget),以及一组用于构建高级元素(例如可拖放界面元素工具。...console.log(items.length); //遍历数组元素 for (var i=0;i元素一组超链接,我们使用如下语句: $("p a") $( )函数返回特别的JavaScript对象,它包含着选择器相匹配DOM元素数组。...将每一个选择器匹配元素合并后一起返回 集合元素 $("div,span,p.cls")选取所有,和拥有class为cls标签一组元素 * 匹配所有元素 集合元素 $(.../遍历一个数组或对象,for循环 $.inArray() //返回一个数组索引位置,不存在返回-1 $.grep()   //返回数组符合某种标准节点 $.extend({a:1,b:2}

18.5K71

jQuery中常用函数方法总结

css(name,value) 代码: $("p").css("color","red"); 作用:很简单,就是在匹配元素,设置一个样式属性。...代码: 作用:将一组元素转换成其他数组(不论是否是元素数组)你可以用这个函数来建立一个列表,不论是、属性还是CSS样式,或者其他特别形式。... jQuery 代码: $("p").find("span") 结果: [ Hello ] 作用:搜索所有指定表达式匹配元素。...通过这个方法可以方便地从第一个匹配元素获取一个属性。如果元素没有相应属性,则返回 undefined 。在控制HTML标记上是必备工具。...前者是取得所有匹配元素内容。,后者是获得匹配元素的当前。三者有相似的地方常用在内容操作上。 wrap(html) HTML 代码: Test Paragraph.

2.1K40

jQuery笔记(1) (多图)

window.把元素利用包装成jQuery对象,就可以调用jQuery方法. jQuery对象和DOM对象 用原生开始获取对象就是DOM对象 jQuery方法获取元素就是jQuery对象...隐式迭代(重要) 遍历内部DOM元素(伪数组形式存储)过程就叫做隐式迭代 简单理解: 给匹配所有元素进行遍历循环,执行相应方法,而不用我们再去循环,简化我们操作,方便我们调用....( ) 返回是最近一级父级元素 亲爸爸 children(selector) 选择亲儿子 相当于'>' find(selector) 选中所有的子代元素 先来做一个微博下拉菜单案例...让下拉菜单显示方法 鼠标离开后ul继续隐藏 siblings(selector) 查找所有的兄弟元素 eq(index) 根据索引选择元素 但是更推荐下面这种,如果index为变量时方便修改...,也可以操作类,修改多个样式 1.参数只写属性名,则是返回属性 $(this).css('color'); 就会返回该元素颜色 2.参数是属性名,属性,逗号分割,是设置一组样式,属性必须加引号,

9K10
领券