qq_25365345
文艺骚年丶
采纳率60%
2016-09-08 02:01 阅读 3.0k
已采纳

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 望大神指点

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

3条回答 默认 最新

  • 已采纳
    huixinjinkongxin 糖果给你 2016-09-08 02:56
    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));  
            }); 
         })
        });
    
    点赞 评论 复制链接分享
  • qq_29594393 当作看不见 2016-09-08 02:18

    鼠标绑定点击事件

     $("#parent>li").click(function(){
     $(this).chlidren()
     })
    
    点赞 评论 复制链接分享
  • showbo GoCityPass新加坡曼谷通票 2016-09-08 03:10
    $(function () {
        $('#parent >li >a').click(function () {
            alert($(this).next().find('a').map(function () { return this.innerHTML.replace(/\([^\)]+\)/, '') }).get().join(','))
        });
    })
    
    点赞 评论 复制链接分享

相关推荐