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

2023-4-20 前端达人

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

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请加微信ban_lanlan，报下信息，蓝小助会请您入群。欢迎您加入噢~~
希望得到建议咨询、商务合作，也请与我们联系01063334945。

分享此文一切功德，皆悉回向给文章原作者及众读者. 免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计、 cs界面设计、 ipad界面设计  、包装设计、图标定制、用户体验、交互设计、网站建设  、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司。

分享本文至：

« jquery 根据下标获取classname,以及其子元素，修改classname的值关于vue播放flv，m3u8视频流(监控)的方法 »

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

分类

日历

链接

个人资料

存档