查找问题啊啊啊

来源:6-2 jQuery中查找数组中的索引inArray

小宝正年少

2018-02-26 09:21

如果我想设置一个文本框 在文本框输入某个字段 就能搜索出对应的字段及索引号应该怎么写?

写回答 关注

1回答

  • SelsonLerfo
    2018-02-26 21:43:29

    不知道你说的是不是这个意思,仅供参考

    <!DOCTYPE html>

    <html>


    <head>

    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />

    <title></title>

    <style>

    p {

    color: red;

    }

    div{

    width:200px;

    height: 100px;

    background-color: yellow;

    color:red;

    }

    </style>

    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>

    </head>


    <body>

    <h2>inArray方法</h2>

    <div id="arron1">

    <span>输入源数组,以,号分隔</span>

    <input type="text" id="originalArray"/>

    </div>

    <div id="arron2">

    <span>输入要查找的元素</span>

    <input type="text" id="searchDate"/>

    </div>

    <div id="arron3">

    <button id="search">查找</button>

    </br>

    <span>源数组为:<p></p></span>

    <span>您要查找的结果:<p></p></span>

    <span>在数组中的索引值为:<p></p></span>

    </div>


    <script type="text/javascript">

    $("#search").click(function() {

    var $array = $("#originalArray").val();

    var $search = $("#searchDate").val();

    var $result = $("#arron3").find("p");

    var array = $array.split(",");

    $result.empty();

    $result.eq(0).text($array);

    $result.eq(1).text($search);

    //只查找首次出现的位置

    $result.eq(2).text($.inArray($search,array))

    });

    </script>

    </body>


    </html>


jQuery基础(四)—动画篇

jQuery基础教程动画篇,讲解jQuery基础开启动画修炼

85049 学习 · 262 问题

查看课程

相似问题