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: 这个不是已经依次获取到单个值了
接近 2 年之前 回复
qq_25365345
qq_25365345 回复糖果给你: 你好,先谢谢你了,这样是可以获取全部的值,之前我也做出来了 可以我要怎么才能my_test.department 获取到name1,count1 ,my_test.department而不是全部的值呢
接近 2 年之前 回复
huixinjinkongxin
huixinjinkongxin 别忘了先导入jQuery的文件<script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
接近 2 年之前 回复
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币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
js动态获取li当前选中的值
&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;&amp;lt;/title&amp;gt; &amp;lt;script src=&quot;https://cdn.bootcss.com/jquery/1.12.4/jquery.js&quot;&amp;gt;&amp;
javascript获取点击<li>标签里的值
思路利用 li 的onclick 事件 来获取  具体参考下面例子 为li对象添加单击事件→事件触发后利用innerHTML获取li的文本。实例演示如下: 1、HTML结构 Glen Tane John Ralph 2、javascript代码 window.onload = function(){ var 
js循环给li绑定事件实现 点击li弹出其索引值 和内容
html代码     香蕉   苹果      菠萝   猕猴桃   芒果   方法一:    var itemli = document.getElementsByTagName("li");    for(var i = 0; i     itemli[i].index = i; //给每个li定义一个属性索引值,赋
总结获取原生JS(javascript)的父节点、子节点、兄弟节点
关于原生JS获取节点,一直是个头疼的问题,而且调用方法的名字又贼长了,所以我选择用JQ,好像跑题了-- 话不多说看代码 获取父节点 及 父节点下所有子节点(兄弟节点) ul> li> textarea>文本一textarea> input type=button value="复制" onclick="jsCopy(this)"> li
JS循环给li添加单击事件时总是弹出最后一个i值
<body> <ul> <li>0</li> <li>1</li> <li>2</li> <li>3</li> </ul> </body>题目:单击列表项弹出对应的数字。 错误方法:<script type="text/javascript"> var list=document.getElements
firstChild,lastChild 获取第一个/最后一个元素节点
firstChild,lastChild<ul><li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul><script> var ul = document.getElementsByTagName('ul')[0]; ul.firstChild.style.background = '#ff0000';
经典的js问题 实现点击li能够弹出当前li索引与innerHTML的函数
经典的js问题  实现点击li能够弹出当前li索引与innerHTML的函数 点击其中一项需要alert出如下结果: 按照我们平常的想法,代码应该是这样写的: var myul = document.getElementsByTagName("ul")[0]; var list = myul.getElementsByTagName("li"); functio
jquery 获取所有兄弟节点、父亲兄弟的子节点以及自动触发事件
jquery获取所有兄弟节点方法:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jquery测试</title> <style type="text/css"> .active{color:red;} </style> <script src="jquery/
JS给某一个节点的子节点全部绑定事件
测试节点 div3 div4 div5 显示点击ID     function elClick(object)     {         document.getElementById('div1').innerHTML=object.innerText;     }     function init(){         var p =
js 获取指定节点下某种子节点数量
html 第一部分 第二部分 第三部分 第四部分 第五部分 第一部分 111111第二部分 第三部分 第四部分 第五部分 js //获取指定元素下指定子节点函数 function getChildren(ele,tag){ var oDivs = document.getElementById(ele); var children = oDivs.child