问答详情
源自:6-2 jQuery中查找数组中的索引inArray

查找问题啊啊啊

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

提问者:小宝正年少 2018-02-26 09:21

个回答

  • 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>