js中index()的四种经典用法

来源：互联网发布：淘宝冲洗胶卷编辑：程序博客网时间：2024/06/13 02:17

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

把以上代码直接复制，建立html文件，在同目录下建立js文件夹，再次文件夹下放入jquery-1.4.2.min.js文件，用浏览器打开html文件即可测试

1 0