zoukankan      html  css  js  c++  java
  • 点击对应的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>

    效果:

  • 相关阅读:
    JZOJ.2117. 【2016-12-30普及组模拟】台风
    团队合作
    长沙游记
    统计
    html....
    OI之路
    三鑫普及组模拟赛
    牛顿迭代法
    台风
    gcd
  • 原文地址:https://www.cnblogs.com/qianduanjingying/p/4773900.html
Copyright © 2011-2022 走看看