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" >
</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.skdbbs.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計、 cs界面設計、 ipad界面設計  、包裝設計、圖標定制、用戶體驗、交互設計、網站建設  、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司。

« jquery 根據下標獲取classname,以及其子元素，修改classname的值關于vue播放flv，m3u8視頻流(監控)的方法 »

日歷

鏈接

個人資料

藍藍設計的小編 http://www.skdbbs.com

存檔

jquery里判斷數組內是否包含了指定的值或元素的方法

分類

日歷

鏈接

個人資料

存檔