点击对应的a标签返回相应的第几个

面试中遇到的问题，前两天一直没有解决，今天想想还是得要想办法才行，其实仔细想的话很简单，惭愧啊，面试的时候没有做出来！

题目是这样的，如果一个body中有5个a标签，当我们点击对应的a标签时，alert出相应的第几个元素，如点击第一个a标签时返回1，点击第二个a标签时返回2，以此类推.....

今天写的实现代码，静下心来想其实还是蛮简单的：

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>点击对应的a标签给出相应的数字</title>
 6     <script type="text/javascript" src = "jquery-1.8.1.js"></script>
 7 </head>
 8 <body>
 9     <a href="#">点击</a>
10     <a href="#">点击</a>
11     <a href="#">点击</a>
12     <a href="#">点击</a>
13     <a href="#">点击</a>
14     <script type="text/javascript">
15     (function(){
16         $("a").click(function(){
17             var position = $("a").index(this);
18             alert(position+1);
19         });
20     })()
21     </script>
22 </body>
23 </html>

效果：

posted @ 2015-08-31 19:32  黑客PK  阅读(708)  评论(0)  编辑  收藏  举报