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

2023-4-20    前端達人

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

在jquery里，我們可以用$.inArray來判斷一個數(shù)組里是否包含了指定的值或其它對象元素，來看一個簡單的實例： 


    
    

        
  1. 

            
    

                
    

                
    

            
    

            
    

                
    
                    var arr=["aijquery","jquery","I like it"];
                
    

            
    

        
    2. 

        
  2. 

            
    

                
    

                
    

            
    

            
    

                
    
                    var str="aijquery.cn";
                
    

            
    

        
    3. 

        
  3. 

            
    

                
    

                
    

            
    

            
    

                
    
                    if($.inArray(str,arr)<0){
                
    

            
    

        
    4. 

        
  4. 

            
    

                
    

                
    

            
    

            
    

                
    
                    alert("數(shù)組里不包含！");
                
    

            
    

        
    5. 

        
  5. 

            
    

                
    

                
    

            
    

            
    

                
    
                    }
                
    

            
    

        
    6.

$.inArray是用來獲取指定的值在數(shù)組中的位置，從0開始計數(shù)(如果沒有找到則返回 -1 。

 

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


    
    

        
  1. 

            
    

                
    

                
    

            
    

            
    

                
    
                    //我們首先使用$.makeArray來生成一個數(shù)組
                
    

            
    

        
    2. 

        
  2. 

            
    

                
    

                
    

            
    

            
    

                
    
                    var arr=$.makeArray($("div"));
                
    

            
    

        
    3.

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

答案是可以的，不過需要注意轉(zhuǎn)換jquery對象為js對象，來看下面站長的測試結(jié)果： 


    
    

        
  1. 

            
    

                
    

                
    

            
    

            
    

                
    
                    $.inArray($("#aijquery"),arr);//返回-1 這是錯誤的結(jié)果
                
    

            
    

        
    2. 

        
  2. 

            
    

                
    

                
    

            
    

            
    

                
    
                    $.inArray($("#aijquery")[0],arr);//返回0 這才是正確的結(jié)果
                
    

            
    

        
    3.

 

 

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

 

  
<!doctype html>
<html lang="en">
<head>
<title>$.inArray判斷元素是否包含在數(shù)組中的在線演示-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")); //在測試的時候，可以把下面代碼中的[0]去掉，換成jquery對象來試 $("#inarray").append($.inArray($("#aijquery")[0],arr)); </script>
</body>
</html>
View Code

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


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

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

藍藍設(shè)計( www.bouu.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司。

分享本文至：

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.bouu.cn

存檔