求教，如何获取最后点击标签的ID


<style>
div, ul, ol, li{margin:0;padding:0}
li{list-style:none;}
body,input,select,textarea{font:12px/1.5 Tahoma,Arial,"\5b8b\4f53",sans-serif;}
.category-select-list{height:220px;clear:both;}
.category-select-list .category-select{float:left;width:210px;height:218px;background-color:#fff;border:1px solid #ccc;overflow-x:hidden;overflow-y:scroll;}
.category-select li{line-height:22px;overflow:hidden;}
.category-select a.item-p{background:url(http://img.china.alibaba.com/cms/upload/offer/postoffer/choose-bg.png) no-repeat;}
.category-select a{padding-left:10px;background-color:#fff;color:#454545;display:block;height:22px;text-decoration:none;}
.category-select a.item-p{background-position:180px -172px;}
.category-select a:hover{background-color:#FFFFCD;}
.category-select a.current{background-color:##FFFFCD;color:#FE3501;}
</style>
</head>
<body>
    <div id="page">
        <div class="category-select-list">
            <ul class="category-select" level="1" style="display:block;">
                <li><a class="item-p" href="#" id="11">A</a></li>
                <li><a class="item-p" href="#" id="12">B</a></li>
                <li><a class="item-p" href="#" id="13">C</a></li>
                <li><a class="item-p" href="#" id="14">D</a></li>
                <li><a class="item-p" href="#" id="15">E</a></li>
                <li><a class="item-p" href="#" id="16">F</a></li>
                <li><a class="item-p" href="#" id="17">G</a></li>
            </ul>
            <ul class="category-select" level="2" style="display:block;">
                <li><a class="item-p" href="#" id="21">A</a></li>
                <li><a class="item-p" href="#" id="22">B</a></li>
                <li><a class="item-p" href="#" id="23">C</a></li>
                <li><a class="item-p" href="#" id="24">D</a></li>
                <li><a class="item-p" href="#" id="25">E</a></li>
                <li><a class="item-p" href="#" id="26">F</a></li>
                <li><a class="item-p" href="#" id="27">G</a></li>
            </ul>
            <ul class="category-select" level="3" style="display:block;">
                <li><a class="item-p" href="#" id="31">A</a></li>
                <li><a class="item-p" href="#" id="32">B</a></li>
                <li><a class="item-p" href="#" id="33">C</a></li>
                <li><a class="item-p" href="#" id="34">D</a></li>
                <li><a class="item-p" href="#" id="35">E</a></li>
                <li><a class="item-p" href="#" id="36">F</a></li>
                <li><a class="item-p" href="#" id="37">G</a></li>
            </ul>
            <ul class="category-select" level="4" style="display:block;">
                <li><a class="item-p" href="#" id="41">A</a></li>
                <li><a class="item-p" href="#" id="42">B</a></li>
                <li><a class="item-p" href="#" id="43">C</a></li>
                <li><a class="item-p" href="#" id="44">D</a></li>
                <li><a class="item-p" href="#" id="45">E</a></li>
                <li><a class="item-p" href="#" id="46">F</a></li>
                <li><a class="item-p" href="#" id="47">G</a></li>
            </ul>
        </div>
    </div>
</body>
这是1，2，3，4级标签。。我要获取最后点击的标签ID。  请问要如何选择
其实这个点1级标签时，只会显示1级后一级，点2级就会显示第1、3级我现在只是将其全部显示
如果重新点1级，又只会显示2级，而3级就会被隐藏掉我现在就是想知道  我选择的最后一个标签的ID为多少，求各位大牛指教ASP.NETWEBjQueryJavaScript

解决方案 »

  1.   

    定义一个全局变量  每次点击的时候先显示这个全局变量的值后将点击元素的值赋给这个变量试试
    或者建一个数组 没点击一个元素就把他的id push到这个数组里  查的时候查数组的倒数第二个值试试
      

  2.   

    用一个全局变量来存最后点击ID<script>
      var pageEl=document.getElementById("page"),lastId='', // lastId 记最后ID
          lis= pageEl.getElementsByTagName("a") ;
      for(var i=0;i<lis.length;i++) 
      lis[i].onclick=function(){
        lastId=this.id
        alert( lastId )
      }
    </script>
      

  3.   

        <script type="text/javascript">
            function getID(e) {
                var o = e.srcElement || e.target;
                alert(o.id)
            }
        </script>
        <div id="page" onclick="getID(event)">