zoukankan      html  css  js  c++  java
  • js中index()的四种经典用法(转https://blog.csdn.net/superit401/article/details/51726826)

    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="Generator" content="EditPlus®">
    <meta name="Author" content="">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <title>Document</title>
    <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
    </head>
    <body>

    <div id="nav">
    <a href="">朕知道了</a>
    <a href="">萌萌哒</a>
    <a href="">不行你来咬我呀</a>
    <a href="">你是猴子请来的逗逼吗</a>
    </div>

    <ul id="u"> 
    <li id="foo">foo</li> 
    <li id="bar">bar</li> 
    <li id="baz">baz</li> 
    </ul> 

    <script>
    $("#u li").click(function(){
    var a = $('li').index(document.getElementById('bar')); //1,传递一个DOM对象,返回这个对象在原先集合中的索引位置 
    var b = $('li').index($('#bar')); //1,传递一个jQuery对象 
    var c = $('li').index($('li:gt(0)')); //1,传递一组jQuery对象,返回这个对象中第一个元素在原先集合中的索引位置 
    var d = $('#bar').index('li'); //1,传递一个选择器,返回#bar在所有li中的索引位置 
    var e = $('#bar').index(); //1,不传递参数,返回这个元素在同辈中的索引位置。 
    alert(e);
    });

    $("#nav a").click(function(){ 
    //四个经典的用法 
    var index1 = $("#nav a").index(this); 
    var index2 = $("#nav a").index($(this)); 
    var index3 = $(this).index() 
    var index4 = $(this).index("a") 
    alert(index4); 
    return false; 
    }); 
    </script>
     </body>
    </html>

  • 相关阅读:
    linux服务 ssh
    详细教你两台电脑之间传文件
    openstack之keystone
    Token
    mybatis返回刚刚插入数据的自增长的id值
    事务配置在applicationContext.xml文件中不起作用,控制不了异常回滚
    SSM框架整合
    ssm框架的小总结
    spring_mvc入门项目的小总结
    tcp和udp的网络编程(发送消息及回复)
  • 原文地址:https://www.cnblogs.com/hfeng007/p/9299077.html
Copyright © 2011-2022 走看看