判断点击元素的索引值，比如jquery的index函数


<dl><dd>a</dd><dd>b</dd><dd>c</dd><dd>d</dd></dl>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("dl dd").each(function(n){
$(this).on("click", function(){
alert(n);
})
});
   
})
</script>

解决方案 »

  1.   

    jquery有个index方法的 自己查查
      

  2.   

    <dl><dd>a</dd><dd>b</dd><dd>c</dd><dd>d</dd></dl>
    <script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("dl dd").click(function () {alert($(this).index()) });
        })
    </script>
      

  3.   

    不得不说jquery已经深入人心了，我发个非jquery的。
    在线演示。
    代码演示：<!doctype html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>test</title>
        <style type="text/css">
            dd{ height:35px; border:1px dashed #ccc;cursor: pointer;}
            dd:hover{background: #f1f1f1;}
        </style>
    </head>
    <body>
    <dl id="dl"><dd>a</dd><dd>b</dd><dd>c</dd><dd>d</dd></dl>
    <script>
        var dl = document.getElementById('dl');
        var dd = dl.getElementsByTagName('dd');
        for(var i = 0; i < dd.length; i++){
            dd[i].index = i;
            dl.onclick = function(e){
                e = e || window.event;
                var target = e.target || e.srcElement;
                if(target.tagName.toLowerCase() == 'dd'){
                    alert(target.index);
                }
            }
        }
    </script>
    </body>
    </html>