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


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

  • 相关阅读:
    leetcode Move Zeroes
    leetcode Same Tree
    leetcode range sum query
    leetcode Invert Binary Tree
    leetcode【sql】 Delete Duplicate Emails
    mac编译PHP报错 configure: error: Please reinstall the libcurl distribution
    Linux添加系统环境变量的两种方法
    Mysql获取去重后的总数
    MySQL查询order by相减select相减的Sql语句
    修改maven本地仓库路径
  • 原文地址:https://www.cnblogs.com/1906859953Lucas/p/9139526.html
Copyright © 2020-2023  润新知