jquery里判断数组内是否包含了指定的值或元素的方法
2024-10-16 03:03:33
本文讲的是在jquery里,如何判断一个数组里是否包含了指定的值,变量,或其它对象元素的方法。
在jquery里,我们可以用$.inArray来判断一个数组里是否包含了指定的值或其它对象元素,来看一个简单的实例:
var arr=["aijquery","jquery","I like it"];
var str="aijquery.cn";
if($.inArray(str,arr)<0){
alert("数组里不包含!");
}
$.inArray是用来获取指定的值在数组中的位置,从0开始计数(如果没有找到则返回 -1 。
上面的数组只是普通的字符型数组,下面我们来看其它类型的数组,比如jquery里用$.makeArray来生成的HTML元素类数组:
//我们首先使用$.makeArray来生成一个数组
var arr=$.makeArray($("div"));
现在假设这些div里,我们其中有一个ID为"aijquery"的div,那么我们是否可以用上面的方法来判断这个div是否包含在这个数组里呢?
答案是可以的,不过需要注意转换jquery对象为js对象,来看下面站长的测试结果:
$.inArray($("#aijquery"),arr);//返回-1 这是错误的结果
$.inArray($("#aijquery")[0],arr);//返回0 这才是正确的结果
PS:关于jquery对象与js对象之间的转换:jquery对象与dom对象之间互相转换的方法,使jquery对象可以直接使用js里的方法
<!doctype html>
<html lang="en">
<head>
<title>$.inArray判断元素是否包含在数组中的在线演示-aijQuery.cn</title>
<script language="JavaScript" src="http://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css">
</head>
<body>
<div id="aijquery">aijquery</div>
<div>1</div><div>2</div><div>3</div>
<P id="inarray">div#aijquery在数组里的位置是:</P>
<script language="javascript">
var arr=$.makeArray($("div"));
//在测试的时候,可以把下面代码中的[0]去掉,换成jquery对象来试
$("#inarray").append($.inArray($("#aijquery")[0],arr));
</script>
</body>
</html>
摘自:http://www.aijquery.cn/Html/jqueryrumen/79.html
最新文章
- Android 秒级编译 Freeline
- 【Todo】【读书笔记】机器学习-周志华
- Linux shell入门基础(三)
- 重学《C#高级编程》(继承)
- python===基础,修改idle的输入风格
- .NET面试题系列(十四)锁
- Oracle EBS OPM update material txn
- HTML解析利器HtmlAgilityPack
- Redis:解决分布式高并发修改同一个Key的问题
- SpringBoot整合SpringKafka实现生产者史上最简代码实现
- centos6.5 redis 安装配置及java调用
- Prism 的 TabControl 导航
- Python(多线程threading模块)
- LGP4518[JSOI2018]绝地反击
- vue2.* 双向数据绑定 Vue事件介绍 以及Vue中的ref获取dom节点 04
- IOS客户端Coding项目记录(三)
- delphi BLE 学习
- 【LESS系列】简介和使用
- Excel函数sumproduct应用案例-多条件求和
- Python 解释器中方向键无法使用的解决方法