jquery里判斷數(shù)組內(nèi)是否包含了指定的值或元素的方法

2023-4-20    前端達(dá)人

本文講的是在jquery里,如何判斷一個(gè)數(shù)組里是否包含了指定的值,變量,或其它對(duì)象元素的方法。

在jquery里,我們可以用$.inArray來(lái)判斷一個(gè)數(shù)組里是否包含了指定的值或其它對(duì)象元素,來(lái)看一個(gè)簡(jiǎn)單的實(shí)例:


    
  1. var arr=["aijquery","jquery","I like it"];
  2. var str="aijquery.cn";
  3. if($.inArray(str,arr)<0){
  4. alert("數(shù)組里不包含!");
  5. }

$.inArray是用來(lái)獲取指定的值在數(shù)組中的位置,從0開(kāi)始計(jì)數(shù)(如果沒(méi)有找到則返回 -1 。

 

上面的數(shù)組只是普通的字符型數(shù)組,下面我們來(lái)看其它類(lèi)型的數(shù)組,比如jquery里用$.makeArray來(lái)生成的HTML元素類(lèi)數(shù)組:


    
  1. //我們首先使用$.makeArray來(lái)生成一個(gè)數(shù)組
  2. var arr=$.makeArray($("div"));

現(xiàn)在假設(shè)這些div里,我們其中有一個(gè)ID為"aijquery"的div,那么我們是否可以用上面的方法來(lái)判斷這個(gè)div是否包含在這個(gè)數(shù)組里呢?

答案是可以的,不過(guò)需要注意轉(zhuǎn)換jquery對(duì)象為js對(duì)象,來(lái)看下面站長(zhǎng)的測(cè)試結(jié)果:


    
  1. $.inArray($("#aijquery"),arr);//返回-1 這是錯(cuò)誤的結(jié)果
  2. $.inArray($("#aijquery")[0],arr);//返回0 這才是正確的結(jié)果

 

 

PS:關(guān)于jquery對(duì)象與js對(duì)象之間的轉(zhuǎn)換:jquery對(duì)象與dom對(duì)象之間互相轉(zhuǎn)換的方法,使jquery對(duì)象可以直接使用js里的方法

 

 
<!doctype html>
<html lang="en">
<head>
<title>$.inArray判斷元素是否包含在數(shù)組中的在線(xiàn)演示-aijQuery.cn</title>
<script language="JavaScript" src="http://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
<link rel="stylesheet" >
</head>
<body>
  <div id="aijquery">aijquery</div>
  <div>1</div><div>2</div><div>3</div>
  <P id="inarray">div#aijquery在數(shù)組里的位置是:</P>
<script language="javascript"> var arr=$.makeArray($("div")); //在測(cè)試的時(shí)候,可以把下面代碼中的[0]去掉,換成jquery對(duì)象來(lái)試 $("#inarray").append($.inArray($("#aijquery")[0],arr)); </script>
</body>
</html>
View Code

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


藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話(huà),可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~
希望得到建議咨詢(xún)、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。 

分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 

藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司。

分享本文至:

日歷

鏈接

個(gè)人資料

存檔