jquery里判断数组内是否包含了指定的值或元素的方法

简介:   本文讲的是在jquery里,如何判断一个数组里是否包含了指定的值,变量,或其它对象元素的方法。在jquery里,我们可以用$.inArray来判断一个数组里是否包含了指定的值或其它对象元素,来看一个简单的实例:var arr=["aijquery","jquery","I like it"];var str="aijquery.

  本文讲的是在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>
View Code

摘自:http://www.aijquery.cn/Html/jqueryrumen/79.html

目录
相关文章
|
2月前
|
JavaScript
jQuery - 添加元素
通过 jQuery,可以很容易地添加新元素/内容。
46 10
|
2月前
|
XML JavaScript 数据格式
jquery中html()方法的使用
jquery中html()方法的使用
28 1
|
2月前
|
前端开发 JavaScript
jQuery - AJAX load() 方法
jQuery load() 方法是简单但强大的 AJAX 方法。
53 6
|
3月前
|
JavaScript 前端开发
jQuery 杂项方法
jQuery 杂项方法
32 2
|
3月前
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
35 1
|
2月前
|
存储 JSON JavaScript
jQuery 方法大全
jQuery 方法大全
16 0
|
2天前
|
JavaScript 前端开发
jQuery和CSS3滑动展开菜单按钮插件
这是一款jQuery和CSS3滑动展开菜单按钮插件。该滑动展开菜单按钮在用户点击主菜单按钮之后,子菜单以滑动的方式依次展开
36 21
|
3天前
|
JavaScript
jquery图片和pdf文件预览插件
EZView.js是一款jquery图片和pdf文件预览插件。EZView.js可以为图片和pdf格式文件生成在线预览效果。支持的文件格式有pdf、jpg、 png、jpeg、gif。
32 16
|
1天前
|
移动开发 JavaScript 前端开发
简单易用的jquery响应式轮播图插件ma5slider
ma5slider是一款简单易用的jquery响应式轮播图插件。该轮播图支持鼠标拖拽,可以通过CSS定制外观,支持无限循环模式,内置水平,垂直和淡入淡出三种轮播图过渡动画效果。