使用jQuery管理选择结果

2020-05-23 06:09:11易采站长站整理

        <div style=”background:#000000″>6</div>

上面代码将页面本身的6个<div>块用get()方法转化为数组,然后用数组反序reverse(),并传给displayleb()函数,再将其一个个现在页面中。

get(index)方法可以获取指定位置的元素,反过来,index(element)方法可以查找元素的element所处的位置。例如

var iNum=$(“li”).index($(li[title=isaac]”)[0])
以上取<li titile=”isaac”>标记在整个<li>标记列表所处的位置,并将该位置返回给整数iNum.如下举例index(element)方法的典型运用。

例:用index()方法获取元素的序号


    <style>
            div {
                border: 1px solid #003a75;
                background-color: #FFFF00;
                margin: 5px;
                padding: 20px;
                text-align: center;
                height: 20px;
                width: 20px;
                float: left;
            }
        }
        </style>
        <script type=”text/javascript”>
            $(function() {
                //div click()添加单击函数
                $(“div”).click(function() {
                    //将本身通过this关键字传入,获取自身的序号。
                    var index = $(“div”).index(this) + 1;
                    $(“#display”).html(index.toString());
                })
            });