2 qq 25365345 qq_25365345 于 2016.09.08 10:01 提问

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
huixinjinkongxin   2016.09.08 10: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));  
        }); 
     })
    });
huixinjinkongxin
huixinjinkongxin 回复qq_25365345: 这个不是已经依次获取到单个值了
一年多之前 回复
qq_25365345
qq_25365345 回复糖果给你: 你好,先谢谢你了,这样是可以获取全部的值,之前我也做出来了 可以我要怎么才能my_test.department 获取到name1,count1 ,my_test.department而不是全部的值呢
一年多之前 回复
huixinjinkongxin
huixinjinkongxin 别忘了先导入jQuery的文件<script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
一年多之前 回复
qq_29594393
qq_29594393   Ds   Rxr 2016.09.08 10:18

鼠标绑定点击事件

 $("#parent>li").click(function(){
 $(this).chlidren()
 })
showbo
showbo   Ds   Rxr 2016.09.08 11:10
$(function () {
    $('#parent >li >a').click(function () {
        alert($(this).next().find('a').map(function () { return this.innerHTML.replace(/\([^\)]+\)/, '') }).get().join(','))
    });
})
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!