PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > 开发编程 > JavaScript教程 > 正文

    如何找到点击的对象上一级div的索引

    作者:admin来源:网络浏览:时间:2020-09-30 00:07:50我要评论
    导读:有几个div都是同一个class属性,每个div下有若干<a>标签,想请问下,如果我点击了其中一个<a>标签,我怎么才能知道我点击的是第几个<div>下...
    有几个div都是同一个class属性,每个div下有若干<a>标签,想请问下,如果我点击了其中一个<a>标签,我怎么才能知道我点击的是第几个<div>下的<a>标签呢?

     
    复制代码代码如下:
    1. ------解决方案--------------------
    2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    3.  
    4. <html xmlns="http://www.w3.org/1999/xhtml">
    5.  
    6. <head>
    7.  
    8. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    9.  
    10. <title>无标题文档</title>
    11.  
    12. <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
    13.  
    14. <script>
    15.  
    16. $(function(){
    17.  
    18.     $('.text a').click(function(){
    19.  
    20.         var curDiv=$(this).parent();
    21.  
    22.         alert('当前的div ID为:'+curDiv.attr("id")+',索引为:'+curDiv.index());
    23.  
    24.     });
    25.  
    26. })
    27.  
    28. </script>
    29.  
    30. </head>
    31.  
    32. <body>
    33.  
    34. <div class="text" id="div1">
    35.  
    36.     <a href="#">测试1</a>
    37.  
    38. </div>
    39.  
    40. <div class="text" id="div2">
    41.  
    42.     <a href="#">测试2</a>
    43.  
    44. </div>
    45.  
    46. <div class="text" id="div3">
    47.  
    48.     <a href="#">测试3</a>
    49.  
    50. </div>
    51.  
    52. </body>
    53.  
    54. </html>
    55.  

    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-69-440-1.html
    相关热词搜索: 对象 div 索引 div索引