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个回答

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

鼠标绑定点击事件

 $("#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(','))
    });
})
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
JS鼠标事件不能用,求大神帮助!!
点击div前,li的鼠标事件可以用,点击div后,li的鼠标事件不能用了,怎么回事?? /*---jsp---*/ &lt;div id='div'>点击&lt;/div> &lt;ul id='list'> &lt;li>1&lt;li> &lt;li>2&lt;li> &lt;li>3&lt;li> &lt;li>4&lt;li> &lt;li>5&lt;li> &lt;/ul > /*---js---*/ $(function(){ $("#list li").mouseover(function(){ /*鼠标事件*/ }); $("#div").click(function(){ $("#list li").remove();//清除所有li var ul = document.getElementById("list");//获取ul节点 var li = document.createElement("li");//创建li li.innerHTML="55"; ul.appendChild(li);//把创建的li添加到ul }); });
请问下 JS获取子节点的问题 求大神们给我解释下
window.onload = function() { var addressNode=document.getElementById("address"); var liNode=addressNode.firstChild; alert(liNode.nodeValue);//这里我得不到数据 alert(addressNode.childNodes.length);//这里结果是7 alert(addressNode.firstChild);//这里是[object Text],为什么不是[HTML element]? alert(addressNode.lastChild);//这里是[object Text] } <p>地点</p> <ul id="address"> <li id="dd" name="a5" onclick="alert('北京');">北京</li> <li>上海</li> <li>厦门</li> </ul> 我浏览器用IE(WIN10的) 和猎豹 都一样的结果
获取jstree选中节点的链接地址
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>jstree插件练习</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> <link rel="stylesheet" type="text/css" href="js/default/style.min.css"> <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script> <script type="text/javascript" src="js/jstree.min.js"></script> <script language="javascript"> $(function(){ $(function() { $('#container').jstree(); }); $("a").attr("href"); }); </script> </head> <body> <div id="container"> <ul> <li>Root node <ul> <li><a href="index.jsp">Child node 1</a></li> <li>Child node 2</li> </ul> </li> </ul> </div> </body> </html>
关于getElementsByTagName获取的DOM对象问题
``` <ul id="a"> <li><a href="a1">a1</a></li> <li><a href="a2">a2</a></li> <li><a href="a3">a3</a></li> </ul> <script> (function(){ var a = document.getElementById('a').getElementsByTagName('a'); var b = 0; for(var c=0; c < a.length; c++){ alert(a[c].innerHTML + " "+b); b++; } for(var i in a){ alert(a[i].innerHTML + " "+b); b++; } }()) </script> ``` 使用for是理想的结果,但是使用for in却多输出几次,最后结论是for in在遍历DOM对象的时候,并不是说下标值就是当前对象,而A对象当中还有其它特殊的,在IE下会先弹undefined,再弹1 2 3,在火狐和CR下,先弹123再弹两次undefinde,详细求解释? 使用fon in我能想到的就是节点属性和文本属性两个东西,A对象包含两个属性。所以要多弹几次。 试问,我的JS代码该放哪儿?这也太那个了吧。。。。点了插入代码有个毛线用?
用js写轮播图,运行结果不对,有假设问题,但是不知道怎么改~求助~
思路是向右移动的时候clone最后一个到第一个位置,重新获取li,设置li[0]marginLeft为负,慢慢向右移动,图片也慢慢改变样式...移动完毕后删除clone的节点,重新绑定节点事件 向左移同理 1.报错没有,问题是调用函数结果不对,大佬把我代码复制运行一波就知道了 (1)问题应该是获取li elements没对,这里我试过 var a=3;var a = 5,结果输出等于5...那我每次前进或者后退都有重新获取li....应该没错啊? 小白表示一脸懵,知道卡在那里但是不知道为什么会卡住 大佬复制运行一下点点就知道了 ``` <!DOCTYPE html> <HTML> <head> <script> height=320; imgHeight=300; width=200; mostLeft=-188; RL=12; size={ /* img 200 300 0 0 img1 170 255 22.500000000000004 15.000000000000002 img2 150 225 37.5 25 img3 120 180 60 40 */ "imgheight1":imgHeight*0.8, "imgheight2":imgHeight*0.7, "imgheight3":imgHeight*0.6, "imgwidth1":width*0.8, "imgwidth2":width*0.7, "imgwidth3":width*0.6, "imgheight1top":imgHeight*(1-0.8)/2, "imgheight2top":imgHeight*(1-0.7)/2, "imgheight3top":imgHeight*(1-0.6)/2, "img1left":width*(1-0.8)/2, "img2left":width*(1-0.7)/2, "img3left":width*(1-0.6)/2 } change={ "imgWidthChange":(size.imgwidth1-size.imgwidth2)/40, "imgHeightChange":(size.imgheight1-size.imgheight2)/40, "imgMTChange":(size.imgheight2top-size.imgheight3top)/40, "imgMLChange":(size.img2left-size.img3left)/40, "opacity":1/40 } function bdEvent(){ var li=document.querySelectorAll("#slider li"); li[0].addEventListener("click", before,true); li[1].addEventListener("click", before,true); li[3].addEventListener("click", next,true); li[4].addEventListener("click", next,true); } function basecss(){ var slider=document.getElementById("slider"); var ul=document.querySelector("#slider ul"); var li=document.querySelectorAll("#slider li"); var img=document.querySelectorAll("#slider img"); var a=document.querySelectorAll("#slider a"); img[0].style.backgroundColor="red"; img[1].style.backgroundColor="green"; img[2].style.backgroundColor="black"; img[3].style.backgroundColor="yellow"; img[4].style.backgroundColor="blue"; document.body.style.margin="0px"; document.body.style.padding="0px"; var left=(screen.width-1024)/2; slider.style.width="1024px"; slider.style.height=height+"px"; slider.style.marginTop="50px"; slider.style.marginLeft=left+"px"; <!-- slider.style.overflow="hidden"; --> ul.style.width="9999px"; ul.style.margin="0px"; ul.style.padding="0px"; li[0].style.marginLeft="12px"; for(var i=0;i<li.length;i++){ li[i].style.listStyle="none"; li[i].style.width=width+"px"; li[i].style.height=height+"px"; li[i].style.cssFloat="left"; a[i].style.display="block"; a[i].style.margin="0px auto"; a[i].style.width="40px"; a[i].style.height="20px"; img[i].style.cssFloat="left"; if(i==0||i==4){ img[i].style.width=size.imgwidth2+"px"; img[i].style.height=size.imgheight2+"px"; img[i].style.marginTop=size.imgheight2top+"px"; img[i].style.marginLeft=size.img2left+"px"; } else if(i==1||i==3){ img[i].style.width=size.imgwidth1+"px"; img[i].style.height=size.imgheight1+"px"; img[i].style.marginTop=size.imgheight1top+"px"; img[i].style.marginLeft=size.img1left+"px"; }else if(i==2){ img[i].style.width=width+"px"; img[i].style.height=imgHeight+"px"; }else{ img[i].style.width=size.imgwidth3+"px"; img[i].style.height=size.imgheight3+"px"; img[i].style.marginTop=size.imgheight3top+"px"; img[i].style.marginLeft=size.img3left+"px"; } } } function next(){ var ul=document.querySelector("#slider ul"); var li=document.querySelectorAll("#slider li"); var img=document.querySelectorAll("img"); //copy最后一个放到最前面然后删除最后一个 var first=li[li.length-1].cloneNode(true); ul.insertBefore(first,li[0]); //改过后重新 获取li var li=document.querySelectorAll("#slider li"); var img=document.querySelectorAll("#slider img"); var mostLeft=-188; li[0].style.marginLeft=mostLeft+"px"; li[1].style.marginLeft="0px"; var pyl=5,imgWidthChange=0,imgHeightChange=0,imgMTChange=0,imgMLChange=0,opacity=1/40; /* img 200 300 0 0 img1 160 240 20 30 img2 140 210 30 45 img3 120 180 40 60 */ function add(){ if(parseInt(li[0].style.marginLeft)<12){ li[0].style.marginLeft=mostLeft+pyl+"px"; pyl+=5; imgWidthChange+=change.imgWidthChange; imgHeightChange+=change.imgHeightChange; imgMTChange+=change.imgMTChange; imgMLChange+=change.imgMLChange; opacity+=change.opacity; for(var i=0;i<6;i++){ switch(i){ case 0: li[i].style.opacity=opacity; img[i].style.width=size.imgwidth3+imgWidthChange+"px"; img[i].style.height=size.imgheight3+imgHeightChange+"px"; img[i].style.marginTop=size.imgheight3top+imgMTChange+"px"; img[i].style.marginLeft=size.img3left+imgMLChange+"px"; break case 1: img[i].style.width=size.imgwidth2+imgWidthChange+"px"; img[i].style.height=size.imgheight2+imgHeightChange+"px"; img[i].style.marginTop=size.imgheight2top+imgMTChange+"px"; img[i].style.marginLeft=size.img2left+imgMLChange+"px"; break case 2: img[i].style.width=size.imgwidth1+imgWidthChange*2+"px"; img[i].style.height=size.imgheight1+imgHeightChange*2+"px"; img[i].style.marginTop=size.imgheight1top+imgMTChange*2+"px"; img[i].style.marginLeft=size.img1left+imgMLChange*2+"px"; break case 3: img[i].style.width=width-imgWidthChange*2+"px"; img[i].style.height=imgHeight-imgHeightChange*2+"px"; img[i].style.marginTop=-imgMTChange*2+"px"; img[i].style.marginLeft=-imgMLChange*2+"px"; break case 4: img[i].style.width=size.imgwidth1-imgWidthChange+"px"; img[i].style.height=size.imgheight1-imgHeightChange+"px"; img[i].style.marginTop=size.imgheight1top-imgMTChange+"px"; img[i].style.marginLeft=size.img1left-imgMLChange+"px"; break case 5: img[i].style.width=size.imgwidth3-imgWidthChange+"px"; img[i].style.height=size.imgheight3-imgHeightChange+"px"; img[i].style.marginTop=size.imgheight2top+imgMTChange+"px"; img[i].style.marginLeft=size.img2left+imgMLChange+"px"; li[i].style.opacity=opacity; break } } var go=setTimeout(function(){add();},1000/60); } else{ ul.removeChild(li[li.length-1]); clearTimeout(go); bdEvent(); } } var go=setTimeout(function(){add();},1000/60); } function before(){ var ul=document.querySelector("#slider ul"); var li=document.querySelectorAll("#slider li"); var img=document.querySelectorAll("img"); //copy最后一个放到最前面然后删除最后一个 var last=li[0].cloneNode(true); ul.appendChild(last); console.log("6"); //重新获取li var li=document.querySelectorAll("#slider li"); var img=document.querySelectorAll("img"); var pyl=0,imgWidthChange=0,imgHeightChange=0,imgMTChange=0,imgMLChange=0,opacity=1/40; <!-- console.log(change.imgMTChange); --> /* 3 2 1 0 1 2 3 img 200 300 0 0 img1 160 240 20 30 img2 140 210 30 45 img3 120 180 40 60 */ function add(){ //重新获取后最左边 if(parseInt(li[0].style.marginLeft)>mostLeft){ li[0].style.marginLeft=RL+pyl+"px"; pyl=pyl-5; imgWidthChange+=change.imgWidthChange; imgHeightChange+=change.imgHeightChange; imgMTChange+=change.imgMTChange; imgMLChange+=change.imgMLChange; opacity+=change.opacity; for(var i=0;i<6;i++){ switch(i){ case 0: img[i].style.width=size.imgwidth2-imgWidthChange+"px"; img[i].style.height=size.imgheight2-imgHeightChange+"px"; img[i].style.marginTop=size.imgheight2top+imgMTChange+"px"; img[i].style.marginLeft=size.img2left+imgMLChange+"px"; li[i].style.opacity=1-opacity; break; case 1: img[i].style.width=size.imgwidth1-imgWidthChange+"px"; img[i].style.height=size.imgheight1-imgHeightChange+"px"; img[i].style.marginTop=size.imgheight1top-imgMTChange+"px"; img[i].style.marginLeft=size.img1left-imgMLChange+"px"; break; case 2: img[i].style.width=width-imgWidthChange*2+"px"; img[i].style.height=imgHeight-imgHeightChange*2+"px"; img[i].style.marginTop=-imgMTChange*2+"px"; img[i].style.marginLeft=-imgMLChange*2+"px"; break; case 3: img[i].style.width=size.imgwidth1+imgWidthChange*2+"px"; img[i].style.height=size.imgheight1+imgHeightChange*2+"px"; img[i].style.marginTop=size.imgheight1top+imgMTChange*2+"px"; img[i].style.marginLeft=size.img1left+imgMLChange*2+"px"; break; case 4: img[i].style.width=size.imgwidth2+imgWidthChange+"px"; img[i].style.height=size.imgheight2+imgHeightChange+"px"; img[i].style.marginTop=size.imgheight2top+imgMTChange+"px"; img[i].style.marginLeft=size.img2left+imgMLChange+"px"; break; case 5: li[i].style.opacity=opacity; img[i].style.width=size.imgwidth3+imgWidthChange+"px"; img[i].style.height=size.imgheight3+imgHeightChange+"px"; img[i].style.marginTop=size.imgheight3top+imgMTChange+"px"; img[i].style.marginLeft=size.img3left+imgMLChange+"px"; break; } } } else{ clearInterval(back); ul.removeChild(li[0]); bdEvent(); } } var back=setInterval(add,1000/60) } window.onload = function(){ basecss(); bdEvent(); } </script> </head> <body> <div id="slider"> <ul> <li> <img > <a>0000</a> </li> <li> <img > <a>0000</a> </li> <li> <img > <a>0000</a> </li> <li> <img > <a>0000</a> </li> <li> <img > <a>0000</a> </li> </ul> </div> </body> </HTML> ```
树状菜单保存选中。下次打开还是选中上次保存的
![图片说明](https://img-ask.csdn.net/upload/201508/21/1440139648_696046.png) 页面代码: <%@ page language="java" contentType="text/html; charset=UTF-8"%> <%@ include file="../util/util.jsp" %> <link rel="stylesheet" href="${basePath}js/zTree/css/demo.css" type="text/css"> <link rel="stylesheet" href="${basePath}js/zTree/css/zTreeStyle/zTreeStyle.css" type="text/css"> <script type="text/javascript" src="${basePath}js/zTree/js/jquery.ztree.core-3.5.js"></script> <script type="text/javascript" src="${basePath}js/zTree/js/jquery.ztree.excheck-3.5.js"></script> <script type="text/javascript"> var setting = { check: { enable: true, //每个节点上是否显示 CheckBox chkboxType: {"Y" : "p", "Y" : "ps"} //选中父选中子,选中子的时候也选中父,取消的时候也关联 }, view: { dblClickExpand: false }, data: { simpleData: { enable: true } }, callback: { beforeClick: beforeClick, onCheck: onCheck } }; var zNodes = null; function beforeClick(treeId, treeNode) { var zTree = $.fn.zTree.getZTreeObj("treeDemo"); zTree.checkNode(treeNode, !treeNode.checked, null, true); return false; } function onCheck(e, treeId, treeNode) { var zTree = $.fn.zTree.getZTreeObj("treeDemo"), nodes = zTree.getCheckedNodes(true), //获取选中的节点 // alert(nodes); v = "",vid = ""; //vid是获取到的id ,从父节点开始 v是获取到的节点的文本内容 for (var i=0, l=nodes.length; i<l; i++) { v += nodes[i].name + ","; vid += nodes[i].id + ","; document.getElementById('ruAutId').value=nodes[i].id; } if (v.length > 0 ) v = v.substring(0, v.length-1); if (vid.length > 0 ) vid = vid.substring(0, vid.length-1); $('#ruAutId').val(vid); } function showMenu() { if(zNodes==null){ $.ajax({ url:'${basePath}whData/roleTree', data:{}, dateType:'json', success:function(data){ if(data){ var str = "["; $.each(data,function(i,n){ str += '{"id":'+n.ID+',"pId":'+n.PID+',"name":"'+$.trim(n.NAME)+'"}'; if(i<data.length-1){ str += ","; } }); zNodes = str+"]"; zNodes = $.parseJSON(zNodes); $.fn.zTree.init($("#treeDemo"), setting, zNodes); var treeObj = $.fn.zTree.getZTreeObj("treeDemo"); treeObj.expandAll(true); if ($('#ruAutId').val()!='') { var treeObj = $.fn.zTree.getZTreeObj("treeDemo"); var nodes = treeObj.getNodes(); if (nodes.length>0) { var yydValues = $('#ruAutId').val(); $.each(yydValues.split(","),function(i,val){ if($('#treeDemo_'+val+'_check').parent().find('ul').length==0){ $('#treeDemo_'+val+'_check').trigger("click"); } }); } } }else { alertMsg.error('权限树加载失败!'); } } }); }else { $.fn.zTree.init($("#treeDemo"), setting, zNodes); var treeObj = $.fn.zTree.getZTreeObj("treeDemo"); treeObj.expandAll(true); } } $(function(){ showMenu(); }); </script> <div class="pageHeader" style="border:1px #B8D0D6 solid"> ${map.roleName}的权限设置 </div> <div class="pageContent j-resizeGrid" style="border-left:1px #B8D0D6 solid;border-right:1px #B8D0D6 solid"> <form rel="menuForm" class="pagerForm required-validate" onsubmit="return validateCallback(this, dialogAjaxDone);" action="${basePath}system/roleAutSave" method="post" novalidate="novalidate"> <input type="hidden" name="ruAutId" id="ruAutId" /> <!-- 获取的是选中的父节点跟子节点 --> <input type="hidden" name="ruRoleId" id="ruRoleId" value="${map.roleId}"/><!-- 获取的是选择的角色的id --> <input type="hidden" name="ruUserIns" id="ruUserIns" value="${user.ausCardcode }" /><!-- 获取到当前登录的账号 --> <ul id="treeDemo" class="ztree" style="margin-top:0; width:350px; height: 550px;"></ul> <div class="formBar"> <ul> <li><div class="buttonActive"><div class="buttonContent"><button type="submit">保 存</button></div></div></li> </ul> </div> </form> </div>
页面中多个input select,想要每个inpu中显示不同内容,该怎么做?
使用Jquery Ztree 页面中多个input select,想要每个inpu中显示不同内容,该怎么做? ``` <!DOCTYPE html> <HTML> <HEAD> <TITLE> ZTREE DEMO - radio select menu</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="stylesheet" href="../../../css/demo.css" type="text/css"> <link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css"> <script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script> <script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script> <script type="text/javascript" src="../../../js/jquery.ztree.excheck-3.5.js"></script> <!-- <script type="text/javascript" src="../../../js/jquery.ztree.exedit-3.5.js"></script>--> <SCRIPT type="text/javascript"> <!-- var setting = { check: { enable: true, chkStyle: "radio", radioType: "all" }, view: { dblClickExpand: false }, data: { simpleData: { enable: true } }, callback: { onClick: onClick, onCheck: onCheck } }; var zNodes =[ {id:1, pId:0, name:"北京"}, {id:2, pId:0, name:"天津"}, {id:3, pId:0, name:"上海"}, {id:6, pId:0, name:"重庆"} ]; var zNodes1 =[ {id:4, pId:0, name:"河北省", open:true, nocheck:true}, {id:41, pId:4, name:"石家庄"}, {id:42, pId:4, name:"保定"}, {id:43, pId:4, name:"邯郸"}, {id:44, pId:4, name:"承德"} ]; function onClick(e, treeId, treeNode) { var zTree = $.fn.zTree.getZTreeObj("treeDemo"); zTree.checkNode(treeNode, !treeNode.checked, null, true); return false; } function hideMenu() { $("#menuContent").fadeOut("fast"); $("body").unbind("mousedown", onBodyDown); } function onBodyDown(event) { if (!(event.target.id == "menuBtn" || event.target.id == "citySel" || event.target.id == "menuContent" || $(event.target).parents("#menuContent").length>0)) { hideMenu(); } } $(document).ready(function(){ $.fn.zTree.init($("#treeDemo"), setting, zNodes); $.fn.zTree.init($("#treeDemo1"), setting, zNodes1); }); function onCheck(e, treeId, treeNode) { var zTree = $.fn.zTree.getZTreeObj("treeDemo"), nodes = zTree.getCheckedNodes(true), v = ""; for (var i=0, l=nodes.length; i<l; i++) { v += nodes[i].name + ","; } if (v.length > 0 ) v = v.substring(0, v.length-1); //var cityObj = $("#citySel"); currentObj.attr("value", v);////////使用变量存储的input对象 } var currentObj;////////////存储当前操作的input对象 function showMenu(o) { var cityObj = $(o); if (o.tagName == 'A') cityObj = cityObj.parent().find('input');//点击的是连接,获取和连接对应的input对象 currentObj=cityObj/// var cityOffset = cityObj.offset(); $("#menuContent").css({ left: cityOffset.left + "px", top: cityOffset.top + cityObj.outerHeight() + "px" }).slideDown("fast"); var treeObj = $.fn.zTree.getZTreeObj("treeDemo"); var nodes = treeObj.getSelectedNodes(); if (nodes.length > 0) treeObj.checkNode(nodes[0], false, null, false);//取消ztree的选择 $("body").bind("mousedown", onBodyDown); } //--> </SCRIPT> <style type="text/css"> </style> </HEAD> <BODY> <h1>带 radio 的单选下拉菜单 -- zTree</h1> <h6>[ 文件路径: super/select_menu_radio.html ]</h6> <div class="content_wrap"> <div class="zTreeDemoBackground left"> <ul class="list"> <li class="title">&nbsp;&nbsp;<span class="highlight_red">勾选 radio 或者 点击节点 进行选择</span></li> <li class="title"> &nbsp;&nbsp;Test: <input id="citySel" type="text" readonly value="" style="width:120px;" onclick="showMenu(this);" /> &nbsp;<a id="menuBtn" href="#" onclick="showMenu(this); return false;">select</a> </li> <li class="title"> &nbsp;&nbsp;Test: <input id="citySel" type="text" readonly value="" style="width:120px;" onclick="showMenu(this);" /> &nbsp;<a id="menuBtn" href="#" onclick="showMenu(this); return false;">select</a> </li> <li class="title"> &nbsp;&nbsp;Test: <input id="citySel" type="text" readonly value="" style="width:120px;" onclick="showMenu(this);" /> &nbsp;<a id="menuBtn" href="#" onclick="showMenu(this); return false;">select</a> </li> </ul> </div> <div class="right"> <ul class="info"> <li class="title"><h2>实现方法说明</h2> <ul class="list"> <li>用 radio 也可以轻松实现单选的下拉菜单</li> <li>单选其实没有必要使用 radio, 此 Demo 主要用于 和 其他下拉菜单进行对比</li> </ul> </li> </ul> </div> </div> <div id="menuContent" class="menuContent" style="display:none; position: absolute;"> <ul id="treeDemo" class="ztree" style="margin-top:0; width:180px; height: 300px;"></ul> </div> <div id="menuContent" class="menuContent" style="display:none; position: absolute;"> <ul id="treeDemo1" class="ztree" style="margin-top:0; width:180px; height: 300px;"></ul> </div> </BODY> </HTML> ```
jquery动态生成留言回复
小弟的jquery刚学,很多都不太清楚,自己做的页面上点击发表留言后,生成留言框和回复按钮,但是在点击回复没反应,哪位大神看看是哪里出问题了, <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <html> <head> <script src="jquery-1.8.3.js"></script> <style type="text/css"> * { padding: 0; margin: 0; } li { list-style: none; } #parent { width: 600px; margin: 0 auto; } h4 { line-height: 40px; margin-bottom: 10px; border-bottom: 1px solid #333; color: #FF3300 } p { width: 100%; background: #f1f1f1; position: relative; margin-bottom: 25px; } #box { width: 580px; padding: 25px 10px 0; border: 1px solid #ddd; margin-bottom: 10px; } span { position: absolute; top: -20px; right: 0px; } em { position: relative; top: -13px; } #text { width: 100%; height: 90px; overflow: auto; } #btn { width: 100%; height: 50px; } </style> <script type="text/javascript"> i = 1; function replay(){ var textarea= $("<textarea/>").css('width','500px').css('height','80px'); var baocun=$("<input type='button' value='保存'/>") .css('width','50px').css('height','30px'); var quxiao=$("<input type='button' value='取消'/>") .css('width','50px').css('height','30px'); //获取当前元素的父节点 var f_div=$(this).parent(); textarea.appendTo(f_div); baocun.appendTo(f_div); quxiao.appendTo(f_div); } function fnsubmit() { var odiv =$("#box"); var oem = $("#em"); var otext = $("#text"); var oli = $("#li"); var add_li = $("<li>"); var o_span = $("<span></span>"); var span1 =$("<span></span>"); if (otext.value == "") { alert("请填写留言内容!"); return; } var str = $("<textarea>").val(otext.val()) .css('width','530px').css('height','80px'); var span1Text = $("<input type='button' value='回复' onclick='replay()'/>") .css('width','50px').css('height','30px'); o_span.appendTo(add_li); o_span.css('display','none'); str.appendTo(add_li); span1Text.appendTo(add_li); add_li.appendTo(odiv); i++; for (j = 0; j < oli.length; j++) { var m = j; oli[j].onmouseover = function () { this.style.background = "#ffff00"; (this.childNodes(o_span)).style.display = "block"; }; oli[j].onmouseout = function () { this.style.background = "#3399FF"; (this.childNodes(o_span)).style.display = "none"; }; oli[j].onclick = function () { m--; odiv.removeChild(this); if (m < 0) { oem.style.display = "block"; } ; }; } ; } </script> <title>留言板</title> </head> <body> <div id="parent"> <h4> 留言内容: </h4> <input type="text" id="text"> <br/> <input id="btn" type="button" onclick="fnsubmit()" value="发表留言"/> <div id="box"> <em>这里会显示留言内容……</em> </div> </div> </body> </html>
爬虫福利二 之 妹子图网MM批量下载
爬虫福利一:27报网MM批量下载 点击 看了本文,相信大家对爬虫一定会产生强烈的兴趣,激励自己去学习爬虫,在这里提前祝:大家学有所成! 目标网站:妹子图网 环境:Python3.x 相关第三方模块:requests、beautifulsoup4 Re:各位在测试时只需要将代码里的变量path 指定为你当前系统要保存的路径,使用 python xxx.py 或IDE运行即可。 ...
Java学习的正确打开方式
在博主认为,对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结,前三者博主将淋漓尽致地挥毫于这篇博客文章中,至于总结在于个人,实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍,博客次之,这又是一个层次了,这里暂时不提后面再谈。博主将为各位入门java保驾护航,各位只管冲鸭!!!上天是公平的,只要不辜负时间,时间自然不会辜负你。 何谓学习?博主所理解的学习,它是一个过程,是一个不断累积、不断沉淀、不断总结、善于传达自己的个人见解以及乐于分享的过程。
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过...
Python——画一棵漂亮的樱花树(不同种樱花+玫瑰+圣诞树喔)
最近翻到一篇知乎,上面有不少用Python(大多是turtle库)绘制的树图,感觉很漂亮,我整理了一下,挑了一些我觉得不错的代码分享给大家(这些我都测试过,确实可以生成) one 樱花树 动态生成樱花 效果图(这个是动态的): 实现代码 import turtle as T import random import time # 画樱花的躯干(60,t) def Tree(branch, ...
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...
计算机专业的书普遍都这么贵,你们都是怎么获取资源的?
介绍几个可以下载编程电子书籍的网站。 1.Github Github上编程书资源很多,你可以根据类型和语言去搜索。推荐几个热门的: free-programming-books-zh_CN:58K 星的GitHub,编程语言、WEB、函数、大数据、操作系统、在线课程、数据库相关书籍应有尽有,共有几百本。 Go语言高级编程:涵盖CGO,Go汇编语言,RPC实现,Protobuf插件实现,Web框架实...
小白学 Python 爬虫(25):爬取股票信息
人生苦短,我用 Python 前文传送门: 小白学 Python 爬虫(1):开篇 小白学 Python 爬虫(2):前置准备(一)基本类库的安装 小白学 Python 爬虫(3):前置准备(二)Linux基础入门 小白学 Python 爬虫(4):前置准备(三)Docker基础入门 小白学 Python 爬虫(5):前置准备(四)数据库基础 小白学 Python 爬虫(6):前置准备(...
卸载 x 雷某度!GitHub 标星 1.5w+,从此我只用这款全能高速下载工具!
作者 | Rocky0429 来源 | Python空间 大家好,我是 Rocky0429,一个喜欢在网上收集各种资源的蒟蒻… 网上资源眼花缭乱,下载的方式也同样千奇百怪,比如 BT 下载,磁力链接,网盘资源等等等等,下个资源可真不容易,不一样的方式要用不同的下载软件,因此某比较有名的 x 雷和某度网盘成了我经常使用的工具。 作为一个没有钱的穷鬼,某度网盘几十 kb 的下载速度让我...
《面试宝典》2019年springmvc面试高频题(java)
前言 2019即将过去,伴随我们即将迎来的又是新的一年,过完春节,马上又要迎来新的金三银四面试季。那么,作为程序猿的你,是否真的有所准备的呢,亦或是安于本职工作,继续做好手头上的事情。 当然,不论选择如何,假如你真的准备在之后的金三银四跳槽的话,那么作为一个Java工程师,就不可不看了。如何在几个月的时间里,快速的为即将到来的面试进行充分的准备呢? 1、什么是Spring MVC ?简单...
一名大专同学的四个问题
【前言】   收到一封来信,赶上各种事情拖了几日,利用今天要放下工作的时机,做个回复。   2020年到了,就以这一封信,作为开年标志吧。 【正文】   您好,我是一名现在有很多困惑的大二学生。有一些问题想要向您请教。   先说一下我的基本情况,高考失利,不想复读,来到广州一所大专读计算机应用技术专业。学校是偏艺术类的,计算机专业没有实验室更不用说工作室了。而且学校的学风也不好。但我很想在计算机领...
复习一周,京东+百度一面,不小心都拿了Offer
京东和百度一面都问了啥,面试官百般刁难,可惜我全会。
轻松搭建基于 SpringBoot + Vue 的 Web 商城应用
首先介绍下在本文出现的几个比较重要的概念: 函数计算(Function Compute): 函数计算是一个事件驱动的服务,通过函数计算,用户无需管理服务器等运行情况,只需编写代码并上传。函数计算准备计算资源,并以弹性伸缩的方式运行用户代码,而用户只需根据实际代码运行所消耗的资源进行付费。Fun: Fun 是一个用于支持 Serverless 应用部署的工具,能帮助您便捷地管理函数计算、API ...
Python+OpenCV实时图像处理
目录 1、导入库文件 2、设计GUI 3、调用摄像头 4、实时图像处理 4.1、阈值二值化 4.2、边缘检测 4.3、轮廓检测 4.4、高斯滤波 4.5、色彩转换 4.6、调节对比度 5、退出系统 初学OpenCV图像处理的小伙伴肯定对什么高斯函数、滤波处理、阈值二值化等特性非常头疼,这里给各位分享一个小项目,可通过摄像头实时动态查看各类图像处理的特点,也可对各位调参、测试...
2020年一线城市程序员工资大调查
人才需求 一线城市共发布岗位38115个,招聘120827人。 其中 beijing 22805 guangzhou 25081 shanghai 39614 shenzhen 33327 工资分布 2020年中国一线城市程序员的平均工资为16285元,工资中位数为14583元,其中95%的人的工资位于5000到20000元之间。 和往年数据比较: yea...
为什么猝死的都是程序员,基本上不见产品经理猝死呢?
相信大家时不时听到程序员猝死的消息,但是基本上听不到产品经理猝死的消息,这是为什么呢? 我们先百度搜一下:程序员猝死,出现将近700多万条搜索结果: 搜索一下:产品经理猝死,只有400万条的搜索结果,从搜索结果数量上来看,程序员猝死的搜索结果就比产品经理猝死的搜索结果高了一倍,而且从下图可以看到,首页里面的五条搜索结果,其实只有两条才是符合条件。 所以程序员猝死的概率真的比产品经理大,并不是错...
害怕面试被问HashMap?这一篇就搞定了!
声明:本文以jdk1.8为主! 搞定HashMap 作为一个Java从业者,面试的时候肯定会被问到过HashMap,因为对于HashMap来说,可以说是Java集合中的精髓了,如果你觉得自己对它掌握的还不够好,我想今天这篇文章会非常适合你,至少,看了今天这篇文章,以后不怕面试被问HashMap了 其实在我学习HashMap的过程中,我个人觉得HashMap还是挺复杂的,如果真的想把它搞得明明白...
毕业5年,我问遍了身边的大佬,总结了他们的学习方法
我问了身边10个大佬,总结了他们的学习方法,原来成功都是有迹可循的。
推荐10个堪称神器的学习网站
每天都会收到很多读者的私信,问我:“二哥,有什么推荐的学习网站吗?最近很浮躁,手头的一些网站都看烦了,想看看二哥这里有什么新鲜货。” 今天一早做了个恶梦,梦到被老板辞退了。虽然说在我们公司,只有我辞退老板的份,没有老板辞退我这一说,但是还是被吓得 4 点多都起来了。(主要是因为我掌握着公司所有的核心源码,哈哈哈) 既然 4 点多起来,就得好好利用起来。于是我就挑选了 10 个堪称神器的学习网站,推...
这些软件太强了,Windows必装!尤其程序员!
Windows可谓是大多数人的生产力工具,集娱乐办公于一体,虽然在程序员这个群体中都说苹果是信仰,但是大部分不都是从Windows过来的,而且现在依然有很多的程序员用Windows。 所以,今天我就把我私藏的Windows必装的软件分享给大家,如果有一个你没有用过甚至没有听过,那你就赚了????,这可都是提升你幸福感的高效率生产力工具哦! 走起!???? NO、1 ScreenToGif 屏幕,摄像头和白板...
(总结)阿里面试问了ArrayList,都问了啥?
我是真的没想到,面试官会这样问我ArrayList。
曾经优秀的人,怎么就突然不优秀了。
职场上有很多辛酸事,很多合伙人出局的故事,很多技术骨干被裁员的故事。说来模板都类似,曾经是名校毕业,曾经是优秀员工,曾经被领导表扬,曾经业绩突出,然而突然有一天,因为种种原因,被裁员了,...
大学四年因为知道了这32个网站,我成了别人眼中的大神!
依稀记得,毕业那天,我们导员发给我毕业证的时候对我说“你可是咱们系的风云人物啊”,哎呀,别提当时多开心啦????,嗯,我们导员是所有导员中最帅的一个,真的???? 不过,导员说的是实话,很多人都叫我大神的,为啥,因为我知道这32个网站啊,你说强不强????,这次是绝对的干货,看好啦,走起来! PS:每个网站都是学计算机混互联网必须知道的,真的牛杯,我就不过多介绍了,大家自行探索,觉得没用的,尽管留言吐槽吧???? 社...
2020年1月中国编程语言排行榜,python是2019增长最快编程语言
编程语言比例 排名 编程语言 最低工资 工资中位数 最低工资 最高工资 人头 人头百分比 1 rust 20713 17500 5042 46250 480 0.14% 2 typescript 18503 22500 6000 30000 1821 0.52% 3 lua 18150 17500 5250 35000 2956 0.84% 4 go 17989 16...
看完这篇HTTP,跟面试官扯皮就没问题了
我是一名程序员,我的主要编程语言是 Java,我更是一名 Web 开发人员,所以我必须要了解 HTTP,所以本篇文章就来带你从 HTTP 入门到进阶,看完让你有一种恍然大悟、醍醐灌顶的感觉。 最初在有网络之前,我们的电脑都是单机的,单机系统是孤立的,我还记得 05 年前那会儿家里有个电脑,想打电脑游戏还得两个人在一个电脑上玩儿,及其不方便。我就想为什么家里人不让上网,我的同学 xxx 家里有网,每...
史上最全的IDEA快捷键总结
现在Idea成了主流开发工具,这篇博客对其使用的快捷键做了总结,希望对大家的开发工作有所帮助。
阿里程序员写了一个新手都写不出的低级bug,被骂惨了。
这种新手都不会范的错,居然被一个工作好几年的小伙子写出来,差点被当场开除了。
谁是华为扫地僧?
是的,华为也有扫地僧!2020年2月11-12日,“养在深闺人不知”的华为2012实验室扫地僧们,将在华为开发者大会2020(Cloud)上,和大家见面。到时,你可以和扫地僧们,吃一个洋...
AI 没让人类失业,搞 AI 的人先失业了
最近和几个 AI 领域的大佬闲聊 根据他们讲的消息和段子 改编出下面这个故事 如有雷同 都是巧合 1. 老王创业失败,被限制高消费 “这里写我跑路的消息实在太夸张了。” 王葱葱哼笑一下,把消息分享给群里。 阿杰也看了消息,笑了笑。在座几位也都笑了。 王葱葱是个有名的人物,21岁那年以全额奖学金进入 KMU 攻读人工智能博士,累计发表论文 40 余篇,个人技术博客更是成为深度学习领域内风向标。 ...
2020年,冯唐49岁:我给20、30岁IT职场年轻人的建议
点击“技术领导力”关注∆每天早上8:30推送 作者|Mr.K 编辑| Emma 来源|技术领导力(ID:jishulingdaoli) 前天的推文《冯唐:职场人35岁以后,方法论比经验重要》,收到了不少读者的反馈,觉得挺受启发。其实,冯唐写了不少关于职场方面的文章,都挺不错的。可惜大家只记住了“春风十里不如你”、“如何避免成为油腻腻的中年人”等不那么正经的文章。 本文整理了冯...
工作十年的数据分析师被炒,没有方向,你根本躲不过中年危机
2020年刚刚开始,就意味着离职潮高峰的到来,我身边就有不少人拿着年终奖离职了,而最让我感到意外的,是一位工作十年的数据分析师也离职了,不同于别人的主动辞职,他是被公司炒掉的。 很多人都说数据分析是个好饭碗,工作不累薪资高、入门简单又好学。然而今年34的他,却真正尝到了中年危机的滋味,平时也有不少人都会私信问我: 数据分析师也有中年危机吗?跟程序员一样是吃青春饭的吗?该怎么保证自己不被公司淘汰...
作为一名大学生,如何在B站上快乐的学习?
B站是个宝,谁用谁知道???? 作为一名大学生,你必须掌握的一项能力就是自学能力,很多看起来很牛X的人,你可以了解下,人家私底下一定是花大量的时间自学的,你可能会说,我也想学习啊,可是嘞,该学习啥嘞,不怕告诉你,互联网时代,最不缺的就是学习资源,最宝贵的是啥? 你可能会说是时间,不,不是时间,而是你的注意力,懂了吧! 那么,你说学习资源多,我咋不知道,那今天我就告诉你一个你必须知道的学习的地方,人称...
那些年,我们信了课本里的那些鬼话
教材永远都是有错误的,从小学到大学,我们不断的学习了很多错误知识。 斑羚飞渡 在我们学习的很多小学课文里,有很多是错误文章,或者说是假课文。像《斑羚飞渡》: 随着镰刀头羊的那声吼叫,整个斑羚群迅速分成两拨,老年斑羚为一拨,年轻斑羚为一拨。 就在这时,我看见,从那拨老斑羚里走出一只公斑羚来。公斑羚朝那拨年轻斑羚示意性地咩了一声,一只半大的斑羚应声走了出来。一老一少走到伤心崖,后退了几步,突...
一个程序在计算机中是如何运行的?超级干货!!!
强烈声明:本文很干,请自备茶水!???? 开门见山,咱不说废话! 你有没有想过,你写的程序,是如何在计算机中运行的吗?比如我们搞Java的,肯定写过这段代码 public class HelloWorld { public static void main(String[] args) { System.out.println("Hello World!"); } ...
【蘑菇街技术部年会】程序员与女神共舞,鼻血再次没止住。(文末内推)
蘑菇街技术部的年会,别开生面,一样全是美女。
那个在阿里养猪的工程师,5年了……
简介: 在阿里,走过1825天,没有趴下,依旧斗志满满,被称为“五年陈”。他们会被授予一枚戒指,过程就叫做“授戒仪式”。今天,咱们听听阿里的那些“五年陈”们的故事。 下一个五年,猪圈见! 我就是那个在养猪场里敲代码的工程师,一年多前我和20位工程师去了四川的猪场,出发前总架构师慷慨激昂的说:同学们,中国的养猪产业将因为我们而改变。但到了猪场,发现根本不是那么回事:要个WIFI,没有;...
为什么程序猿都不愿意去外包?
分享外包的组织架构,盈利模式,亲身经历,以及根据一些外包朋友的反馈,写了这篇文章 ,希望对正在找工作的老铁有所帮助
Java校招入职华为,半年后我跑路了
何来 我,一个双非本科弟弟,有幸在 19 届的秋招中得到前东家华为(以下简称 hw)的赏识,当时秋招签订就业协议,说是入了某 java bg,之后一系列组织架构调整原因等等让人无法理解的神操作,最终毕业前夕,被通知调往其他 bg 做嵌入式开发(纯 C 语言)。 由于已至于校招末尾,之前拿到的其他 offer 又无法再收回,一时感到无力回天,只得默默接受。 毕业后,直接入职开始了嵌入式苦旅,由于从未...
世界上有哪些代码量很少,但很牛逼很经典的算法或项目案例?
点击上方蓝字设为星标下面开始今天的学习~今天分享四个代码量很少,但很牛逼很经典的算法或项目案例。1、no code 项目地址:https://github.com/kelseyhight...
Python全栈 Linux基础之3.Linux常用命令
Linux对文件(包括目录)有很多常用命令,可以加快开发效率:ls是列出当前目录下的文件列表,选项有-a、-l、-h,还可以使用通配符;c功能是跳转目录,可以使用相对路径和绝对路径;mkdir命令创建一个新的目录,有-p选项,rm删除文件或目录,有-f、-r选项;cp用于复制文件,有-i、-r选项,tree命令可以将目录结构显示出来(树状显示),有-d选项,mv用来移动文件/目录,有-i选项;cat查看文件内容,more分屏显示文件内容,grep搜索内容;>、>>将执行结果重定向到一个文件;|用于管道输出。
​两年前不知如何编写代码的我,现在是一名人工智能工程师
全文共3526字,预计学习时长11分钟 图源:Unsplash 经常有小伙伴私信给小芯,我没有编程基础,不会写代码,如何进入AI行业呢?还能赶上AI浪潮吗? 任何时候努力都不算晚。 下面,小芯就给大家讲一个朋友的真实故事,希望能给那些处于迷茫与徘徊中的小伙伴们一丝启发。(下文以第一人称叙述) 图源:Unsplash 正如Elsa所说,职业转换是...
非典逼出了淘宝和京东,新冠病毒能够逼出什么?
loonggg读完需要5分钟速读仅需 2 分钟大家好,我是你们的校长。我知道大家在家里都憋坏了,大家可能相对于封闭在家里“坐月子”,更希望能够早日上班。今天我带着大家换个思路来聊一个问题...
立即提问