js 获取li点击事件获取子节点中值

 <ul id="parent" onclick="ons()">
             <li><a>my_test.department</a></li>
                     <ul>
                        <li><a>name1(string)</a></li>
                        <li><a>count1(int)</a></li>
                      </ul>

             <li><a>department</a></li>
                  <ul>
                       <li><a>name2(string)</a></li>
                       <li><a>count2(int)</a></li>
                  </ul>
  </ul>

这样的格式,id是parent的ul是写死的 下面的li ul都是 从数据库中读到的,现在我要点击parent下的li 获取ul下的值,意思就是我点击my_test.department 获取到name1,count1 ,my_test.department 点击department 获取name2,count2,department 望大神指点

jQuery事件
$(document).ready(function(){
         $("#parent>li").click(function(){
        var a=$("#21").children();//获取子标签
         $.each(a, function(i, n) { //循环标签内容
            var s = $(n).html();//获取子标签的值
            var sl=s.length;
                alert( s.substring(3,sl-4));  
        }); 
     })
    });

鼠标绑定点击事件

 $("#parent>li").click(function(){
 $(this).chlidren()
 })
$(function () {
    $('#parent >li >a').click(function () {
        alert($(this).next().find('a').map(function () { return this.innerHTML.replace(/\([^\)]+\)/, '') }).get().join(','))
    });
})