js通过a标签点击获取外面的li的id
 "<ul>
<li id="a"><a>点击</a></li>
<li id="b"><a>提交</a></li>
</ul> "

怎么通过点击a标签获取li标签的id

4个回答

 <ul id="ul">
    <li id="a"><a>点击</a></li>
    <li id="b"><a>提交</a></li>
</ul> 
<script>
    document.getElementById('ul').onclick = function (e) {
        e = e || window.event;
        var o = e.srcElement || e.target;
        if (o.tagName == 'A') alert(o.parentNode.id)
        else if(o.tagName=='LI') alert(o.id)
    }
</script>

$("body").on("click", "ul li a", function () {
var id = $(this).parent().attr("id");
alert(id);
})

使用jquery绑定点击事件;
$(function(){
$("ul a").click(function(){
var id = $(this).closest("li").attr("id");
alert(id);
});
});

绑定onclick 事件不行吗?

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
js点击获取li中a表签的值
``` <ul id="parent"> <li><a>Tree</a> <ul> <li><a href="#" >7777777777777</a></li> <li><a href="#">2222222222</a></li> <li><a href="#">333333333</a></li> <li><a href="#">4444444444</a></li> </ul> </li> </ul> ``` 点击第一个li是获取所有a标签的值,下面 的获取单个的值和第一个的值,怎么做,我现在之能获取单个值 不知道怎么判断第一个点击的是Tree获取所有的值
JS控制 li 标签的class值添加与删除
<div id="processor"> <ol class="processorBox oh"> <li class="current"> <div class="step_inner fl"> <span class="icon_step">1</span> <h4> 填写注册信息</h4> </div> </li> <li> <div class="step_inner"> <span class="icon_step">2</span> <h4> 公司信息</h4> </div> </li> <li> <div class="step_inner fr"> <span class="icon_step">3</span> <h4> 个人资料</h4> </div> </li> </ol> <div class="step_line"> </div> </div> <a id="nextBtn" class="btn btn_primary" href="javascript:;" >下一步</a> $('#nextBtn').click(function () { var i = $('.processorBox li').index(); $('.processorBox li').removeClass('current').eq(i).addClass('current'); $('.step').fadeOut(300).eq(i).fadeIn(500); } }); 点击下一步按钮时,触发onclick事件,将第一个li标签的class值删除,并在下一个li标签上添加class值,,以上是我自己写的,但是点击后没有反映,而且 var i 获取的值为0 ,,,求大神解决
html js 怎么把数据写入相应的id的标签里
一个标签的id为变量 怎么把相应的内容传到该标签内 str1 +="<li><span class='folder' id='" + obj.data[i].id + "'onclick='f(this.id)'>" + obj.data[i].name + "</span><ul id='s"+obj.data[i].id+"'></ul></li>" tree.innerHTML = str1; function f(id) { var str2=""; var ID="s"+id; var son =document.getElementById(ID); str2 += "<li><span class='folder'id='" + Obj.data[i].id+"'onclick='f(this.id)'>" + Obj.data[i].name+ "</span><ul id='s"+Obj.data[i].id+"'></ul></li>" son.innerHTML = str2; 将str1传给tree的结果: ![图片说明](https://img-ask.csdn.net/upload/201908/27/1566869479_186047.png) str2: ![图片说明](https://img-ask.csdn.net/upload/201908/27/1566869524_711996.png) 无法将str2传到我想要的id的ul标签下 点击事件获取span标签的id 为了区分 ul标签的id我加了一个s 打印son的结果: ![图片说明](https://img-ask.csdn.net/upload/201908/27/1566869956_421938.png) 请各位大佬帮我看看怎么解决 谢谢鸭
关于在struts1的logic:iterate标签中获取隐域的值的问题
<p>看代码先:</p> <p> </p> <pre name="code" class="jsp">&lt;logic:iterate id="ques" name="quesList" scope="request"&gt; &lt;li&gt; &lt;input type="hidden" name="quesId" value='&lt;bean:write name="ques" property="questionId"/&gt;'/&gt; &lt;a class="connect" href="javascript:<strong>getQuesId()</strong>;"&gt;&lt;bean:write name="ques" property="questionContext"/&gt;&lt;/a&gt; &lt;/li&gt; &lt;/logic:iterate&gt;</pre> <p> 假设,后台有个题目表,表中有n条数据,每条“题目”对应唯一的id。因为后台需要用到questionId,所以在点击超链接(即题目)时,想将questionId作为参数传到后台,<strong>注意,是每条“题目(questionContext)”所对应的questionId,而不是表中所有的questionId。</strong>而,跳转后的页面显示的是当前所点击的“题目”所对应的详细内容,如,选项、答案等。现在的问题是,怎样用js或jQuery实现,获取所迭代的每条数据所对应的questionId,并以参数的形式放到链接中传到后台?谢谢了先~</p> <p> </p>
jstl标签map中value读入<span>的值通过id在js中难以获取,求大神赐教!
jsp为上层for循环,key值可展示及传递,value只能展示不能传递,怎么解? 下面为源代码: javascript函数: ``` function trsubmit() { var aa = document.getElementById("test22"); alert(aa.innerHTML); } jsp主要代码: <c:forEach var="big" items="${applicationScope.bigMap}"> <!-- 栏目--> <div class="classBar"> <li style="list-style-type: square;color:#FFFFFF" >${big.key}</li> </div> <!-- 板块<String, HashMap<String, bbs_board>>--> <table border="0" cellspacing=0 bordercolor="lightgrey" bordercolorlight="lightgrey" bordercolordark="white"> <c:forEach var="small" items="${big.value}"> <tr > <form action="tiezi.do" method="post" id="trform"> <span onclick="trsubmit();"** id="test22"**>${small.key}</span> </form> <td style="text-align: center;" width="100px"> <img alt="" src="img/index/boardPic.jpg" style="margin-top: 40px"> </td> </tr> </c:forEach> </table> </c:forEach> ```
如何把如下的代码中的矩形标签形状改成五角星的形状
<!doctype html> <title>jquery多彩标签云选择效果</title> <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.1.min.js"></script> <style> ul,li{list-style:none;padding:0px;margin:0px} ul.cloud{zoom:1;overflow:hidden;width:300px} ul.cloud li{-moz-border-radius:6px;-webkit-border-radius:6px;background:#fff;border:solid 1px purple;color:purple;padding:5px;margin-bottom:15px;border-radius:6px;-khtml-border-radius:6px;float:left;margin:0 5px 5px 0;line-height:30px;font-size:14px;cursor:pointer} ul.cloud li:hover,ul.cloud li.Selected{background:purple;color:#fff} ul.cloud li.green{color:green;border-color:green} ul.cloud li.green:hover,ul.cloud li.greenSelected{background:green;color:#fff} ul.cloud li.blue{color:blue;border-color:blue} ul.cloud li.blue:hover,ul.cloud li.blueSelected{background:blue;color:#fff} </style> <ul class="cloud" id="ul"> <li>标签1</li> <li>标签2</li> <li>标签3</li> <li>标签4</li> <li>标签5</li> <li>标签6</li> </ul> <input type="button" value="获取选择标签内容" onclick="getTags()"/> <script> function rnd(min, max) { var tmp = min; if (max < min) { min = max; max = tmp; } return Math.floor(Math.random() * (max - min + 1) + min); } var arr = ['', 'blue', 'green']; $('#ul li') .attr('cls', function () { return this.className = arr[rnd(0, arr.length)]; })//随机分配样式 .click(function () { var cls = this.getAttribute('cls'), isSelected = this.className.indexOf('Selected') != -1; this.className = isSelected ? cls : cls + ' ' + cls+'Selected'; }); function getTags() { var tags = $('#ul li[class*="Selected"]').map(function () { return this.innerHTML }).get().join(','); alert(tags) } </script>
easyui的tab切换跟显示问题。来大神。跪求!
1.easyui的选项卡,点击第一个链接a创建第一个tab成功,内容正常显示。再点击第二个链接b,创建第二个tab。但是不会切到第二个tab窗口,并且内容还是第一个tab的,只有在二次点击链接b才会切换过去,内容刷新成对应的 js代码如下: ``` $(function(){ $('a[target=iframe]').click(function(){ var self=$(this); if($("#tabs").tabs("exists",self.text()) ){ $("#tabs").tabs("select",self.text());//获取选中的 var tab=$('#tabs').tabs('getSelected');//获得当前的tab var index = $('#tt').tabs('getTabIndex',tab);//获取指定的标签页索引 }else{ $("#tabs").tabs('add',{ title:self.text(), fit:true, closable:true,//在tab上加一个关闭按钮 href:self.attr("_href"), cache:false, }); } ``` html的代码: ``` <div id="west" region="west" style="width: 200px;background-color: #e3e3e3" title="导航菜单" split="true"> <div id="nav" style="padding-top:2px;"> <ul> <li style="font-size:23px; "><a href="javascript:;" _href="operator.html" target="iframe">操作员管理</a></li> <li style="font-size:23px;"><a href="javascript:;" _href="customer.html" target="iframe">顾客管理</a></li> <li style="font-size:23px;"><a href="javascript:;" _href="supplier.html" target="iframe">供应商管理</a></li> <li style="font-size:23px;"><a href="javascript:;" _href="product.html" target="iframe">商品管理</a></li> <li style="font-size:23px;"><a href="javascript:;" _href="inwarehouse.html" target="iframe">入库管理</a></li> <li style="font-size:23px;"><a href="javascript:;" _href="outwarehouse.html" target="iframe">出库管理</a></li> <li style="font-size:23px;"><a href="javascript:;" _href="warehouse.html" target="iframe">仓库管理</a></li> <li style="font-size:23px;"><a href="javascript:;" _href="stock.html" target="iframe">库存管理</a></li> </ul> </div> ``` 对了。在二次点击链接b的时候会报这个错,但是结果是没问题的 ![图片说明](https://img-ask.csdn.net/upload/201904/07/1554616385_931159.png)
在此页面把标签形状设置成自己选择的图片形状
``` <!doctype html> <title>jquery多彩标签云选择效果</title> <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.1.min.js"></script> <style> ul,li{list-style:none;padding:0px;margin:0px} ul.cloud{zoom:1;overflow:hidden;width:300px} ul.cloud li{-moz-border-radius:6px;-webkit-border-radius:6px;background:#fff;border:solid 1px purple;color:purple;padding:5px;margin-bottom:15px;border-radius:6px;-khtml-border-radius:6px;float:left;margin:0 5px 5px 0;line-height:30px;font-size:14px;cursor:pointer} ul.cloud li:hover,ul.cloud li.Selected{background:purple;color:#fff} ul.cloud li.green{color:green;border-color:green} ul.cloud li.green:hover,ul.cloud li.greenSelected{background:green;color:#fff} ul.cloud li.blue{color:blue;border-color:blue} ul.cloud li.blue:hover,ul.cloud li.blueSelected{background:blue;color:#fff} </style> <ul class="cloud" id="ul"> <li>标签1</li> <li>标签2</li> <li>标签3</li> <li>标签4</li> <li>标签5</li> <li>标签6</li> </ul> <input type="button" value="获取选择标签内容" onclick="getTags()"/> <script> function rnd(min, max) { var tmp = min; if (max < min) { min = max; max = tmp; } return Math.floor(Math.random() * (max - min + 1) + min); } var arr = ['', 'blue', 'green']; $('#ul li') .attr('cls', function () { return this.className = arr[rnd(0, arr.length)]; })//随机分配样式 .click(function () { var cls = this.getAttribute('cls'), isSelected = this.className.indexOf('Selected') != -1; this.className = isSelected ? cls : cls + ' ' + cls+'Selected'; }); function getTags() { var tags = $('#ul li[class*="Selected"]').map(function () { return this.innerHTML }).get().join(','); alert(tags) } </script> ```
请求大佬支援!!!jQuery:为什么我的index()索引得到的结果都是偶数?
**我的index1和index2得到的都是偶数** ![图片说明](https://img-ask.csdn.net/upload/201905/06/1557128639_655362.png) ``` <!doctype html> <html> <head> <meta charset="utf-8"> <title>淘宝服装精品</title> <script src="jquery-1.11.1.min.js"></script> <style> *{/*清除原有页面所有边距*/ margin:0; padding:0; } div{/*定义left盒子*/ width: 500px; height: 500px; margin: 150px auto; border: 1px solid red; } #ulleft{ width: 50px; border-right: 1px solid red;/*添加左垂直分隔线*/ } #ulleft,#ulcenter{ float: left; } #ulright{ float: right; width: 50px; border-left:1px solid red;/*添加右垂直分隔线*/ } ul{ list-style: none;/*去除小圆点*/ } a{/*a标签处理*/ width: 50px; height: 98px; line-height: 100px;/*设置行高*/ text-align: center; display: block;/*设置为块级元素*/ text-decoration: none;/*去除下划线*/ } img{ width: 400px; height: 500px; /* display: none;隐藏图片*/ } </style> </head> <body> <div> <ul id="ulleft"> <li><a href="#">0</a></li><hr> <li><a href="#">1</a></li><hr> <li><a href="#">2</a></li><hr> <li><a href="#">3</a></li><hr> <li><a href="#">4</a></li> </ul> <ul id="ulcenter"> <li><a href="#"><img src="../../../图片/一个人⭕⭕的小日子/2.png" alt=""></a></li> <li><a href="#"><img src="../../../图片/一个人⭕⭕的小日子/5.png" alt=""></a></li> <li><a href="#"><img src="../../../图片/鬼灭之刃/2.png" alt=""></a></li> <li><a href="#"><img src="../../../图片/黄昏少女/10.png" alt=""></a></li> <li><a href="#"><img src="../../../图片/黄昏少女/9.png" alt=""></a></li> <li><a href="#"><img src="../../../图片/黄昏少女/8.png" alt=""></a></li> <li><a href="#"><img src="../../../图片/黄昏少女/7.png" alt=""></a></li> <li><a href="#"><img src="../../../图片/黄昏少女/6.png" alt=""></a></li> <li><a href="#"><img src="../../../图片/黄昏少女/5.png" alt=""></a></li> <li><a href="#"><img src="../../../图片/黄昏少女/3.png" alt=""></a></li> </ul> <ul id="ulright"> <li><a href="#">5</a></li><hr> <li><a href="#">6</a></li><hr> <li><a href="#">7</a></li><hr> <li><a href="#">8</a></li><hr> <li><a href="#">9</a></li> </ul> </div> </body> <script> // 需求1:给左边的li设置鼠标移入事件,让中间索引对应的li显示,其他的li隐藏 // 需求1:给右边的li设置鼠标移入事件,让中间索引对应的li显示,其他的li隐藏 $(function(){ // 需求1: $('#ulleft').find('li').mouseenter(function(){ var index1 = $(this).index();//获取当前鼠标移入的li标签索引(即为第几个li标签) console.log(index1); // 让中间索引对应的li显示,其他的li隐藏 $('#ulcenter li').eq(index1).show().siblings('li').hide(); }); $('#ulright').find('li').mouseenter(function(){ var index2 = $(this).index(); console.log(index2); $('#ulcenter li').eq(index2).show().siblings('li').hide(); }); }); </script> </html> ```
[能不能实现?] struts2 访问首页数据动态加载
思路是: 首页index.jsp,动态加载数据的action: loadIndex.action 在访问index.jsp时,执行loadIndex.action,由action得到数据库中数据后,[color=red][b]仍然将数据返回给index.jsp[/b][/color]由index.jsp显示数据. [b]问题补充:[/b] 谢谢3位的回答, lovewhzlq (CTO) 大大, 我尝试用ExtJs实现Ajax提交, [code="java"] Ext.onReady(function() { window.location.href = 'loadindex.action?id=xxxx; } );[/code] 却无法避免重复执行action的问题,变成死循环了. 有什么办法能让它只执行一次呢? 就像Ext.data.Store那样只load一次. [b]问题补充:[/b] 确实是, Ext里有无可以用来调用url的东东呢? [code="java"] Ext.Ajax.request({ url : 'loadindex.action?id=xxx }); [/code] ? [b]问题补充:[/b] 感谢 lovewhzlq (CTO) 大大, 我现在已经可以成功提交ajax请求去执行loadIndex.action了. [code="java"] Ext.onReady(function() { Ext.Ajax.request({ url : 'loadindex.action?id=LiteonIT' }); }); [/code] 可是发现执行完后返回的数据struts2标签无法识别? 我在firebug下可以看到数据库的返回数据. 但是用<s:itrator>之类的标签却得不到数据,页面空白. 是否跟Ext.Ajax.request返回的数据格式有关? [b]问题补充:[/b] [code="java"][/code]谢谢. index.jsp [code="xml"] <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@taglib prefix="s" uri="/struts-tags"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Tools Shop</title> <link rel="stylesheet" type="text/css" href="css/style.css" /> <script type="text/javascript" src="js/boxOver.js"></script> <script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="ext/ext-all.js"></script> <script type="text/javascript" src="ext-lang-zh_CN.js"></script> <script type="text/javascript" src="js/loadIndex.js"></script> </head> <body> <div id="main_container"> <div id="header"> <div class="top_right"> <div class="languages"> <div class="lang_text"> Languages: </div> <a href="#" class="lang"><img src="images/en.gif" alt="" title="" border="0" /> </a> <a href="#" class="lang"><img src="images/de.gif" alt="" title="" border="0" /> </a> </div> <div class="big_banner"> <a href="#"><img src="images/banner728.jpg" alt="" title="" border="0" /> </a> </div> </div> <!-- Company Logo here --> <div id="logo"> <s:iterator id="company" value="cpy"> <img src="images/<s:property value="logo"/>" /> </s:iterator> </div> </div> <div id="main_content"> <div id="menu_tab"> <ul class="menu"> <li> <a href="index.jsp" class="nav"> Home </a> </li> <li class="divider"></li> <li> <a href="#" class="nav">Products</a> </li> <li class="divider"></li> <li> <a href="#" class="nav">News</a> </li> <li class="divider"></li> <li> <a href="#" class="nav">My account</a> </li> <li class="divider"></li> <li> <a href="#" class="nav">Sign Up</a> </li> <li class="divider"></li> <li> <a href="contact.jsp" class="nav">Contact Us</a> </li> </ul> </div> <!-- end of menu tab --> <div class="crumb_navigation"> Navigation: <span class="current">Home</span> </div> <div class="left_content"> <div class="title_box"> Shotcut </div> <ul class="left_menu"> <!-- Company quick link here --> <li class="odd"> <!-- add tag # here --> <a href="index.jsp#cpypic">Company Picture</a> </li> <li class="even"> <a href="index.jsp#cpydesc">EnterPrise Introduce</a> </li> <!-- Company detail shotcut --> <s:iterator value="cpydetail" status="index"> <s:if test="#index.odd == true"> <li class="odd"> </s:if> <s:else> <li class="even"> </s:else> <a href="loadindex.action?id=LiteonIT#<s:property value=" id"/>"> <s:property value="name" /> </s:iterator> </ul> <div class="title_box"> Newsletter </div> <div class="border_box"> <input type="text" name="newsletter" class="newsletter_input" value="your email" /> <a href="#" class="join">subscribe</a> </div> </div> <!-- end of left content --> <div class="center_content"> <div class="oferta"> <div class="oferta_details"> <!-- Company Name,Picture and Description here --> <s:iterator value="cpy"> <div class="oferta_title"> Company Name </div> <div class="oferta_text_bold"> <s:property value="name" /> </div> <div class="oferta_title"> Company Picture <a name="cpypic"></a> </div> <div class="oferta_text"> <img src="images/<s:property value="picture"/>" width=540 height=250 /> </div> <div class="oferta_title"> Company Description <a name="cpydesc"></a> </div> <div class="oferta_text"> <s:property value="description" /> </div> </s:iterator> <!-- Company Detail here --> <s:iterator value="cpydetail"> <div class="oferta_title"> <s:property value="name" /> <a name="<s:property value="id" />"></a> </div> <div class="oferta_text"> <s:property value="value" /> </div> </s:iterator> </div> </div> </div> <!-- end of center content --> <div class="right_content"> <div class="title_box"> Search </div> <div class="border_box"> <input type="text" name="newsletter" class="newsletter_input" value="keyword" /> <a href="#" class="join">search</a> </div> <div class="title_box"> Friendly Link </div> <ul class="left_menu"> <s:iterator id="fl" value="friendlylink" status="index"> <s:if test="#index.odd == true"> <li class="odd"> </s:if> <s:else> <li class="even"> </s:else> <a href="http://<s:property value="fl"/>"> <s:property value="fl" /> </a> </li> </s:iterator> </ul> </div> <!-- end of right content --> </div> <!-- end of main content --> <div class="footer"> <div class="left_footer"> <img src="images/footer_logo.png" alt="" title="" width="89" height="42" /> </div> <div class="center_footer"> Template name. All Rights Reserved 2009 <br /> <img src="images/payment.gif" alt="" title="" /> </div> <div class="right_footer"> <a href="index.jsp">home</a> <a href="details.jsp">about</a> <a href="details.jsp">sitemap</a> <a href="details.jsp">rss</a> <a href="contact.jsp">contact us</a> </div> </div> <!-- end of footer --> </div> <!-- end of main_container --> </body> </html> [/code] loadIndex.js: [code="java"] Ext.onReady(function() { Ext.Ajax.request({ url : 'loadindex.action?id=LiteonIT' }); }); [/code] struts.xml: [code="java"] <action name="loadindex" class="companyInfoAction" method="loadCompanyInfo"> <result name="success">/index.jsp</result> </action> companyInfoAction: [code="java"][/code] public String loadCompanyInfo() { this.setCpy(ci.getCompanyInfo(this.getId())); this.setCpydetail(ci.getCompanyDetail(this.getId())); this.setFriendlylink(ci.getFriendlyLink(this.getId())); System.out.println("I am running"); return SUCCESS; } [/code] 访问index.jsp时可以看到System.out.println("I am running");执行了,firebug下也可以看到数据返回. [b]问题补充:[/b] index.jsp: [code="xml"] <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@taglib prefix="s" uri="/struts-tags"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Tools Shop</title> <link rel="stylesheet" type="text/css" href="css/style.css" /> <script type="text/javascript" src="js/boxOver.js"></script> <script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="ext/ext-all.js"></script> <script type="text/javascript" src="ext-lang-zh_CN.js"></script> <script type="text/javascript" src="js/loadIndex.js"></script> </head> <body> <div id="main_container"> <div id="header"> <div class="top_right"> <div class="languages"> <div class="lang_text"> Languages: </div> <a href="#" class="lang"><img src="images/en.gif" alt="" title="" border="0" /> </a> <a href="#" class="lang"><img src="images/de.gif" alt="" title="" border="0" /> </a> </div> <div class="big_banner"> <a href="#"><img src="images/banner728.jpg" alt="" title="" border="0" /> </a> </div> </div> <!-- Company Logo here --> <div id="logo"> <s:iterator id="company" value="cpy"> <img src="images/<s:property value="logo"/>" /> </s:iterator> </div> </div> <div id="main_content"> <div id="menu_tab"> <ul class="menu"> <li> <a href="index.jsp" class="nav"> Home </a> </li> <li class="divider"></li> <li> <a href="#" class="nav">Products</a> </li> <li class="divider"></li> <li> <a href="#" class="nav">News</a> </li> <li class="divider"></li> <li> <a href="#" class="nav">My account</a> </li> <li class="divider"></li> <li> <a href="#" class="nav">Sign Up</a> </li> <li class="divider"></li> <li> <a href="contact.jsp" class="nav">Contact Us</a> </li> </ul> </div> <!-- end of menu tab --> <div class="crumb_navigation"> Navigation: <span class="current">Home</span> </div> <div class="left_content"> <div class="title_box"> Shotcut </div> <ul class="left_menu"> <!-- Company quick link here --> <li class="odd"> <!-- add tag # here --> <a href="index.jsp#cpypic">Company Picture</a> </li> <li class="even"> <a href="index.jsp#cpydesc">EnterPrise Introduce</a> </li> <!-- Company detail shotcut --> <s:iterator value="cpydetail" status="index"> <s:if test="#index.odd == true"> <li class="odd"> </s:if> <s:else> <li class="even"> </s:else> <a href="loadindex.action?id=LiteonIT#<s:property value=" id"/>"> <s:property value="name" /> </s:iterator> </ul> <div class="title_box"> Newsletter </div> <div class="border_box"> <input type="text" name="newsletter" class="newsletter_input" value="your email" /> <a href="#" class="join">subscribe</a> </div> </div> <!-- end of left content --> <div class="center_content"> <div class="oferta"> <div class="oferta_details"> <!-- Company Name,Picture and Description here --> <s:iterator value="cpy"> <div class="oferta_title"> Company Name </div> <div class="oferta_text_bold"> <s:property value="name" /> </div> <div class="oferta_title"> Company Picture <a name="cpypic"></a> </div> <div class="oferta_text"> <img src="images/<s:property value="picture"/>" width=540 height=250 /> </div> <div class="oferta_title"> Company Description <a name="cpydesc"></a> </div> <div class="oferta_text"> <s:property value="description" /> </div> </s:iterator> <!-- Company Detail here --> <s:iterator value="cpydetail"> <div class="oferta_title"> <s:property value="name" /> <a name="<s:property value="id" />"></a> </div> <div class="oferta_text"> <s:property value="value" /> </div> </s:iterator> </div> </div> </div> <!-- end of center content --> <div class="right_content"> <div class="title_box"> Search </div> <div class="border_box"> <input type="text" name="newsletter" class="newsletter_input" value="keyword" /> <a href="#" class="join">search</a> </div> <div class="title_box"> Friendly Link </div> <ul class="left_menu"> <s:iterator id="fl" value="friendlylink" status="index"> <s:if test="#index.odd == true"> <li class="odd"> </s:if> <s:else> <li class="even"> </s:else> <a href="http://<s:property value="fl"/>"> <s:property value="fl" /> </a> </li> </s:iterator> </ul> </div> <!-- end of right content --> </div> <!-- end of main content --> <div class="footer"> <div class="left_footer"> <img src="images/footer_logo.png" alt="" title="" width="89" height="42" /> </div> <div class="center_footer"> Template name. All Rights Reserved 2009 <br /> <img src="images/payment.gif" alt="" title="" /> </div> <div class="right_footer"> <a href="index.jsp">home</a> <a href="details.jsp">about</a> <a href="details.jsp">sitemap</a> <a href="details.jsp">rss</a> <a href="contact.jsp">contact us</a> </div> </div> <!-- end of footer --> </div> <!-- end of main_container --> </body> </html> [/code] [b]问题补充:[/b] index.jsp中 第150行开始用struts2标签获取数据库数据. [b]问题补充:[/b] loadIndex.js的内容如下 window.location.href = 'loadindex.action?id=xxxx'; 这里是不是应该用ajax 请求啊,直接window.location.href 的话会重复执行,进入死循环. <script type="text/javascript" src="js/loadIndex.js"></script> 放在 <script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="ext/ext-all.js"></script> <script type="text/javascript" src="ext-lang-zh_CN.js"></script> 之前的话, ExtJs识别不了吧? [b]问题补充:[/b] 再次感谢lovewhzlq (CTO)大大的热心回复. 其实我现在就是用2个页面做的,一个configIndex.jsp,一个index.jsp.在configIndex中提交action,转到index.jsp. 之所以搞得这么麻烦,主要是为了避免用户直接通过地址栏访问index.jsp的时候出不来数据的问题. 现在问题其实已经解决了一大半拉.用ajax提交action后可以看到执行了一次,数据库数据返回也有,反而是struts2标签失效了,很纳闷. [b]问题补充:[/b] 其实web程序对用户直接用地址访问页面的做法都比较难处理.不知道是否有好的方式避免掉这种问题. [b]问题补充:[/b] 感谢energykey兄的回答,鄙视 得好. 也就是说, ajax请求的返回,只能用response.responseText或者json来获取, struts2标签是不行的了.它们是2条路的人. 因为ajax是异步的请求, struts2走的路是A的话,ajax的请求走的是B?
input标签内已经存在onkeyup("带有参数")事件,如何判断按的键是回车键?
``` <input type="text" id="'+inputId+'View" class="input_box_pull" value="全部产品" onkeyup="fuzzyQuery($(this),\''+WidgetId+'\',\''+inputId+'\');" onfocus="selectValue($(this));"/> ``` ``` function fuzzyQuery($_this, target, inputId) { var values =$_this.val(); values = values.toUpperCase(); var reg = new RegExp(values); var html = ""; html += '<li><a href="javascript:;" onclick="setInput_box_pull($(this),\''+inputId+'\',\''+''+'\');">全部产品</a></li>'; $.each(fuzzyQueryMap.data, function(key, value) { if (value.indexOf(values)!=-1) { value = value.replace(reg, "<span style='color:#ff4646'>" + values + "</span>"); html += '<li><a href="javascript:;" onclick="setInput_box_pull($(this),\''+inputId+'\',\''+key+'\');">'+value+'</a></li>'; } }); $("#"+target+" .p_c_box").html(html); } ``` 如何在上面这个fuzzyQuery($_this, target, inputId)这个方法中获取按键的值 ?
jquery初学,获取button失败,name属性获取不到对象,各位大神来看下,帮忙解决!!!
这是我的代码(一个简单的jquery的测试): <br /> <br />&lt;%@ page language="java" import="java.util.*" pageEncoding="utf-8"%&gt; <br />&lt;% <br />String path = request.getContextPath(); <br />String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; <br />%&gt; <br /> <br />&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt; <br />&lt;html&gt; <br />&nbsp; &lt;head&gt; <br />&nbsp;&nbsp;&nbsp; &lt;base href="&lt;%=basePath%&gt;"&gt; <br />&nbsp;&nbsp;&nbsp; <br />&nbsp;&nbsp;&nbsp; &lt;title&gt;My first jquery test project&lt;/title&gt; <br />&nbsp;&nbsp;&nbsp; <br /> &lt;meta http-equiv="pragma" content="no-cache"&gt; <br /> &lt;meta http-equiv="cache-control" content="no-cache"&gt; <br /> &lt;meta http-equiv="expires" content="0"&gt;&nbsp;&nbsp;&nbsp; <br /> &lt;meta http-equiv="keywords" content="keyword1,keyword2,keyword3"&gt; <br /> &lt;meta http-equiv="description" content="This is my page"&gt; <br /> &lt;!-- <br /> &lt;link rel="stylesheet" type="text/css" href="styles.css"&gt; <br /> --&gt; <br /> &lt;script type="text/javascript" src="jquery-latest.js"&gt;&lt;/script&gt; <br /> &lt;script type="text/javascript"&gt; <br /> /* <br /> $()jquery的选择器,创建一个jquery对象,click触发事件,调用js方法function <br /> */ <br /> $(document).ready(function(){ <br /> $("a").click(function(){ <br /> alert("Hello World!"); <br /> }); <br /> /*加CSS样式。。。未遂 <br /> &nbsp; 选择方式#类似于css样式选择器! <br /> &nbsp; 这里的red为已经定义好的css样式类名 <br /> */ <br /> $("#orderUl li:even").addClass("red"); <br /> <br /> /*鼠标覆盖触发事件*/ <br /> $("#orderUl li:last").hover(function(){ <br /> $(this).addClass("green"); <br /> },function(){ <br /> $(this).removeClass("green"); <br /> }); <br /> <br /> /*find寻找当前标签的子标签,each遍历所有选中的子标签触发事件 <br /> html()是为了获取每个li的html文本,而设置li的html文本是在本身html文本的基础上追加内容! <br /> .html()是获取文本,而.html("xxxxxxxxxxxx")是为了赋值!!! <br /> <br /> */ <br /> $("#firstUl").find("li").each(function(i){ <br /> $(this).html($(this).html()+"I don't understand!&nbsp; "+i); <br /> }); <br /> /*测试$(this).html的含义*/ <br /> $("#secondUl").find("li").eack(function(i){ <br /> $(this).html("这是何解?"); <br /> }); <br /> <br /> /*在没有jquery覆盖的dom对象上加call方法,不甚明白!!!???*/ <br /> $("button#Cr").click(function(){ <br /> alert("-------------"); <br /> $("#myform")[0].reset(); <br /> }); <br /> <br /> /*实在不知道什么原因,找个button测试下*/ <br /> $("button#testButton").click(function(){ <br /> alert("这是为什么呢?"); <br /> }); <br /> <br /> /*filter()和not() <br /> 键→值 <br /> */ <br /> $("li").not("[ul]").css("border","1px solid black").css("color","blue"); <br /> <br /> $("a[@name]").background("green"); <br /> <br /> }); <br /> &lt;/script&gt; <br /> &lt;script type="text/javascript"&gt; <br /> function nan(){ <br /> alert("2222"); <br /> } <br /> &lt;/script&gt; <br /> &lt;style type="text/css"&gt; <br /> .red{ <br /> background-color:red; <br /> } <br /> .green{ <br /> background-color:green; <br /> } <br /> &lt;/style&gt; <br /> <br />&nbsp; &lt;/head&gt; <br />&nbsp; <br />&nbsp; &lt;body style="text-align:center;"&gt; <br />&nbsp;&nbsp;&nbsp; &lt;a href="#"&gt;弹出Hello World!&lt;/a&gt; <br />&nbsp;&nbsp;&nbsp; &lt;br/&gt; <br />&nbsp;&nbsp;&nbsp; &lt;a name="a1" href="#"&gt;弹出Hello World!&lt;/a&gt; <br />&nbsp;&nbsp;&nbsp; &lt;br/&gt; <br />&nbsp;&nbsp;&nbsp; &lt;a href="#"&gt;弹出Hello World!&lt;/a&gt; <br />&nbsp;&nbsp;&nbsp; &lt;br/&gt; <br />&nbsp;&nbsp;&nbsp; &lt;ul id="orderUl"&gt; <br />&nbsp;&nbsp;&nbsp; &lt;li&gt;背景颜色为红色!!!&lt;/li&gt; <br />&nbsp;&nbsp;&nbsp; &lt;li&gt;背景颜色为红色!!!&lt;/li&gt; <br />&nbsp;&nbsp;&nbsp; &lt;li&gt;背景颜色为红色!!!&lt;/li&gt; <br />&nbsp;&nbsp;&nbsp; &lt;/ul&gt; <br />&nbsp;&nbsp;&nbsp; &lt;br/&gt; <br />&nbsp;&nbsp;&nbsp; &lt;ul id="firstUl"&gt; <br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt; <br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt; <br />&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt; <br />&nbsp;&nbsp;&nbsp; &lt;/ul&gt; <br />&nbsp;&nbsp;&nbsp; &lt;br/&gt; <br />&nbsp;&nbsp;&nbsp; &lt;ul id="secondUl"&gt; <br />&nbsp;&nbsp;&nbsp; &lt;li&gt; <br />&nbsp;&nbsp;&nbsp; &lt;ul&gt; <br />&nbsp;&nbsp;&nbsp; &lt;li&gt;111111111111&lt;/li&gt; <br />&nbsp;&nbsp;&nbsp; &lt;li&gt;111111111111&lt;/li&gt; <br />&nbsp;&nbsp;&nbsp; &lt;li&gt;111111111111&lt;/li&gt; <br />&nbsp;&nbsp;&nbsp; &lt;/ul&gt; <br />&nbsp;&nbsp;&nbsp; &lt;/li&gt; <br />&nbsp;&nbsp;&nbsp; &lt;li&gt;222222222222&lt;/li&gt; <br />&nbsp;&nbsp;&nbsp; &lt;li&gt;222222222222&lt;/li&gt; <br />&nbsp;&nbsp;&nbsp; &lt;/ul&gt; <br />&nbsp;&nbsp;&nbsp; &lt;br/&gt; <br />&nbsp;&nbsp;&nbsp; &lt;form id="myform" action="" method="post"&gt; <br /> &nbsp;&nbsp;&nbsp; &lt;table&gt; <br /> &nbsp;&nbsp;&nbsp; &lt;tr&gt; <br /> &nbsp;&nbsp;&nbsp; &lt;td&gt; <br /> &lt;input type="text"/&gt; <br /> &lt;/td&gt; <br /> &nbsp;&nbsp;&nbsp; &lt;/tr&gt; <br /> &nbsp;&nbsp;&nbsp; &lt;tr&gt; <br /> &nbsp;&nbsp;&nbsp; &lt;td&gt; <br /> &nbsp;&nbsp;&nbsp; &lt;input id="Cr" type="button" value="清&nbsp; 空" /&gt; <br /> &nbsp;&nbsp;&nbsp; &lt;/td&gt; <br /> &nbsp;&nbsp;&nbsp; &lt;/tr&gt; <br /> &nbsp;&nbsp;&nbsp; &lt;/table&gt; <br /> &lt;/form&gt; <br /> &lt;br/&gt; <br /> &lt;input type="button" value="测&nbsp; 试" id="testButton" name="testButton"/&gt; <br />&nbsp; &lt;/body&gt; <br />&lt;/html&gt; <br /> <br /> <br />为什么我的button不能触发事件,并且按个跟name属性获得对象的方法也不行啊,帮帮我。。。谢谢啦<br/><strong>问题补充</strong><br/><div class="quote_title">2008shucheng 写道</div><div class="quote_div">$("button[name='testButton']").click(function(){ <br /> alert("弹出来了!"); <br />});</div> <br />我的好像还是不行,是不是前边某一行出问题了,就不向下走了啊?这个button#id的形式不对吗?<br/><strong>问题补充</strong><br/><div class="quote_title">風一樣的男子 写道</div><div class="quote_div"><div class="quote_title">chenkuntian 写道</div><div class="quote_div"><div class="quote_title">2008shucheng 写道</div><div class="quote_div">$("button[name='testButton']").click(function(){ <br /> alert("弹出来了!"); <br />});</div> <br />我的好像还是不行,是不是前边某一行出问题了,就不向下走了啊?这个button#id的形式不对吗?</div> <br /><pre name="code" class="javascript"> $("input[name='testButton']").bind('click',function(){alert("弹出来了!");}); </pre></div> <br />我的那个$(标签名[属性名]);类似的方法都不能用啊,为什么啊?这个与浏览器有关系吗?<br/><strong>问题补充</strong><br/><div class="quote_title">chenkuntian 写道</div><div class="quote_div"><div class="quote_title">風一樣的男子 写道</div><div class="quote_div"><div class="quote_title">chenkuntian 写道</div><div class="quote_div"><div class="quote_title">2008shucheng 写道</div><div class="quote_div">$("button[name='testButton']").click(function(){ <br /> alert("弹出来了!"); <br />});</div> <br />我的好像还是不行,是不是前边某一行出问题了,就不向下走了啊?这个button#id的形式不对吗?</div> <br /><pre name="code" class="javascript"> $("input[name='testButton']").bind('click',function(){alert("弹出来了!");}); </pre></div> <br />我的那个$(标签名[属性名]);类似的方法都不能用啊,为什么啊?这个与浏览器有关系吗?</div> <br />我用这种方法可以了:$(标签名[@属性名]);为什么啊?是不是和浏览器版本有关?还是和jquery版本有关啊?
初学python爬虫,好像是selenium的错,len(),希望大神们提点一下
初学python爬虫,好像是selenium的错,报了个TypeError: object of type 'WebElement' has no len(),希望点大神们提点一下 下面是代码: from selenium import webdriver import csv #网易云音乐歌单第一页的url url='http://music.163.com/#/discover/playlist/?order=hot&cat=%E5%85%A8%E9%83%A8&limit=35&offset=0' #用PhantomJS接口创建一个Selenium的webdriver driver=webdriver.PhantomJS() #准备好存储歌单csv csv_file=open("playlist.csv","w",newline='') writer=csv.writer(csv_file) writer.writerow(['标题','播放数','链接']) #解析每一页,直到‘下一页’为空 while url!='javascript:void(0)': #用webDriver加载页面 driver.get(url) #切换到内容的iframe driver.switch_to.frame("contentFrame") #定位歌单标签 data=driver.find_element_by_id("m-pl-container").find_element_by_tag_name("li") #解析一页中所有歌单 for i in range(len(data)): #获取播放数 nb=data[i].find_element_by_tag_name("nb").text if '万' in nb and int(nb.split("万")[0])>500: #获取播放数大于500万的歌单的封面 msk=data[i].find_element_by_css_selector("a.msk") #把封面上的标题和链接连同播放数一起写到文件中 writer.writerow([msk.get_attribute('title'), nb,msk.get_attribute('href')]) #定位'下一页'的url url=driver.find_element_by_css_selector("a.zbtn.znxt").get_attribute('href') csv_file.close()
JavaScript 参数this问题
``` <script type="text/javascript"> var get = { byId: function(id) { return document.getElementById(id) }, byClass: function(sClass, oParent) { var aClass = []; var reClass = new RegExp("(^| )" + sClass + "( |$)"); var aElem = this.byTagName("*", oParent); for (var i = 0; i < aElem.length; i++) reClass.test(aElem[i].className) && aClass.push(aElem[i]); return aClass }, byTagName: function(elem, obj) { return (obj || document).getElementsByTagName(elem) } }; window.onload = function () { var oNav = get.byId("nav"); var aLi = get.byTagName("li", oNav); var aSubNav = get.byClass("subnav", oNav); var oSubNav = oEm = timer = null; var i = 0; for (i = 1; i < aLi.length; i++) { aLi[i].onmouseover = function () { //隐藏所有子菜单 for (i = 0; i < aSubNav.length; i++)aSubNav[i].style.display = "none"; //获取该项下的子菜单 oSubNav = get.byClass("subnav", this)[0]; //获取该项下的指示箭头 oEm = get.byTagName("em", this)[0]; //显示该项下的子菜单 oSubNav.style.display = "block"; //判断显示区域 oNav.offsetWidth - this.offsetLeft > oSubNav.offsetWidth ? //如果在显示范围居左显示 oSubNav.style.left = this.offsetLeft + "px" : //超出显示范围居右显示 oSubNav.style.right = 0; //计算指标箭头显示位置 oEm.style.left = this.offsetLeft - oSubNav.offsetLeft + 50 + "px"; clearTimeout(timer); //阻止事件冒泡 oSubNav.onmouseover = function (event) { (event || window.event).cancelBubble = true; clearTimeout(timer) } }; aLi[i].onmouseout = function () { timer = setTimeout(function () { oSubNav.style.display = "none" },300) } } }; </script> **_var aElem = this.byTagName("*", oParent); 这句的意思是获取oParent下的所有标签 但这句中的this指向的对象是什么?,我感觉this没什么作用**_ ```
为什么flask启动方式影响项目投票功能运行结果?
  前两天跟着视频写了个flask投票功能代码,利用长轮询实现票数实时更新,结果不是我想要的结果,票数总是等到夯住超时才能更新,通过浏览器F12键网络追踪,发现点击投票也能立即响应,但原先夯住的线程继续被夯住。又从网上找的投票功能代码,尝试还是如此,坑了很久才知道是启动方式不同引起的。因为我是在已经有的项目中加的投票功能,而这个项目调试启动是命令行:python manage.py runserver,结果就出现以上问题。没办法将它分离出来,单独运行又正常,后来再加上Manager,使用命令行启动python manage.py runserver,还是不能实时更新票数。发现只要不是Manager托管启动就没问题,实在不知什么原因?请大神指点。 manage.py: ``` from flask import Flask, render_template, session, request, jsonify import queue import uuid from flask_script import Manager app = Flask(__name__) app.secret_key = str(uuid.uuid4()) manager=Manager(app) USERS = { '1': {'name': '小黑', 'count': 1}, '2': {'name': '小胖', 'count': 0}, '3': {'name': '小铁锤', 'count': 0}, } QUEUE_DICT = { # 'uuid': Queue()队列 格式 } @app.route("/user/list") def user_list(): user_uuid = str(uuid.uuid4()) # 生成用户随机字符串 QUEUE_DICT[user_uuid] = queue.Queue() # 引用队列消息 session["current_user_uuid"] = user_uuid # session存放uuid字符串 return render_template("vote.html", users=USERS) @app.route("/vote", methods=["POST"]) def vote(): uid = request.form.get('uid') # 获取uuid值 USERS[uid]['count'] += 1 # 让字典中的值自增 for q in QUEUE_DICT.values(): # 循环获取队列中的值并添加到USERS q.put(USERS) return "投票成功" @app.route("/get/vote", methods=["get"]) def get_vote(): user_uuid = session["current_user_uuid"] # 获取session中的存储的uuid值 q = QUEUE_DICT[user_uuid] # 获取字典中uuid对应的Q() ret = {"status": True, "data": None} # 返回状态码 try: users = q.get(timeout=5) # 异常就夯(hang)住5秒 ret["data"] = users except queue.Empty: ret["status"] = False return jsonify(ret) if __name__ == '__main__': manager.run() ``` vote.html: ``` <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width initial-scale=1.0"> <title>Title</title> <style> li{cursor: pointer; background-color: dodgerblue; margin: 10px; padding: 10px; list-style-type: none; text-align: center; font-size: 18px; } </style> </head> <body> <ul id="userList"> {% for key, val in users.items() %} <li uid="{{ key }}">{{ val.name }}({{ val.count }})</li> {% endfor %} </ul> <script src="https://cdn.bootcss.com/jquery/3.3.0/jquery.min.js"></script> <script> // 给后台提交点击增加请求 $(function(){ $("#userList").on("click", "li", function () { var uid = $(this).attr("uid"); // 找到id $.ajax({ url: "/vote", type: "POST", data: {uid:uid}, success:function (arg) { console.log(arg); } }) }); get_vote(); // 清空页面显示增加数据 }); // 获取投票信息 function get_vote(){ $.ajax({ url: "/get/vote", type: "GET", dataType: "JSON", // 获取json的数据格式 success:function (arg) { if(arg.status){ $("#userList").empty(); // 清空页面 $.each(arg.data, function (k, v) { // 循环 var li = document.createElement("li"); // 生成li标签 li.setAttribute("uid", k); // 设置属性uid=k li.innerText = v.name + "(" + v.count + ")"; // 拼接内容 $("#userList").append(li); }) } get_vote(); // 和前面的调用形成循环 } }) } </script> </body> </html> ```
菜单列表的收缩和重复的问题。。。。醉了。。
![图片说明](https://img-ask.csdn.net/upload/201709/29/1506649646_900565.png) ``` <%@ 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 XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <base href="<%=basePath%>"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <link href="css/style.css" rel="stylesheet" type="text/css" /> <script language="JavaScript" src="js/jquery.js"></script> <script type="text/javascript"> $(function(){ //导航切换 $(".menuson .header").click(function(){ var $parent = $(this).parent(); $(".menuson>li.active").not($parent).removeClass("active open").find('.sub-menus').hide(); $parent.addClass("active"); if(!!$(this).next('.sub-menus').size()){ if($parent.hasClass("open")){ $parent.removeClass("open").find('.sub-menus').hide(); }else{ $parent.addClass("open").find('.sub-menus').show(); } } }); // 三级菜单点击 $('.sub-menus li').click(function(e) { $(".sub-menus li.active").removeClass("active") $(this).addClass("active"); }); $('.title').click(function(){ var $ul = $(this).next('ul'); $('dd').find('.menuson').slideUp(); if($ul.is(':visible')){ $(this).next('.menuson').slideUp(); }else{ $(this).next('.menuson').slideDown(); } }); }) </script> <script> //页面载入加载所有的一级菜单 $(function(){ //从session作用域中获取当前用户的角色id(rid) var rid = ${UserInfo.role.rid}; //利用jquery的ajax去数据库中查询所有的一级菜单 $.get("user.action",{operation:'loadMenu',rid:rid,pmid:0},function(result){ //判断result非空 if(result != ""){ //将json字符串数组转换成json对象数组 var menuList = JSON.parse(result); //遍历menuList if(menuList.length>0){ for(var i=0;i<menuList.length;i++){ var menu = menuList[i]; //在菜单选项显示部分添加一级菜单 $("#lm").append("<dd><div class='title' onclick='load("+rid+","+menu.mid+");'><span><img src='images/leftico04.png' /></span>"+menu.mname+"</div><ul class='menuson' id='"+menu.mid+"'></ul></dd>"); } } } }); }); //当单击一级菜单时加载二级菜单 function load(userRid,pmid){ var $ul = $(this).next('ul'); $('dd').find('.menuson').slideUp(); if($ul.is(':visible')){ $(this).next('.menuson').slideUp(); }else{ $(this).next('.menuson').slideDown(); } //清空ul标签内容 $("#"+pmid).empty();--------------------------这个就是表明需要清空以前看过的菜单意思就是不会出现重复的菜单。。但是一开始这个是可以的,后来不知道为甚什么不起作用了。。 //利用ajax查询二级菜单内容 $.get("user.action",{operation:'loadMenu',rid:userRid,pmid:pmid},function(result){ //判断result非空 if(result != ""){ //将json字符串数组转换成json对象数组 var menuList = JSON.parse(result); //遍历menuList if(menuList.length>0){ for(var i=0;i<menuList.length;i++){ var menu = menuList[i]; //在菜单选项显示部分添加二级菜单 $("#"+pmid).append("<li><cite></cite><a href='"+menu.url+"' target='rightFrame'>"+menu.mname+"</a><i></i></li>"); } } } }); $("#"+pmid).slideDown(); } </script> </head> <body style="background:#f0f9fd;"> <div class="lefttop"><span></span>系统功能</div> <dl class="leftmenu" id="lm"> <!-- <dd><div class="title"><span><img src="images/leftico04.png" /></span>用户管理</div> <ul class="menuson"> <li><cite></cite><a href="#">查询所有用户信息</a><i></i></li> <li><cite></cite><a href="#">添加用户信息</a><i></i></li> <li><cite></cite><a href="#">其他</a><i></i></li> </ul> </dd> --> </dl> </body> </html> ``` 一开始好好的,那个清空ul的标签内容是可以运行的,菜单不会重复,但是不知道后来怎么了,就变得开始重复了。。。。 ``` ![图片说明](https://img-ask.csdn.net/upload/201709/29/1506649336_264881.png) 不清楚这是怎么了,为什么突然间代码不起作用了。。??
相见恨晚的超实用网站
搞学习 知乎:www.zhihu.com 简答题:http://www.jiandati.com/ 网易公开课:https://open.163.com/ted/ 网易云课堂:https://study.163.com/ 中国大学MOOC:www.icourse163.org 网易云课堂:study.163.com 哔哩哔哩弹幕网:www.bilibili.com 我要自学网:www.51zxw
花了20分钟,给女朋友们写了一个web版群聊程序
参考博客 [1]https://www.byteslounge.com/tutorials/java-ee-html5-websocket-example
爬虫福利二 之 妹子图网MM批量下载
爬虫福利一:27报网MM批量下载    点击 看了本文,相信大家对爬虫一定会产生强烈的兴趣,激励自己去学习爬虫,在这里提前祝:大家学有所成! 目标网站:妹子图网 环境:Python3.x 相关第三方模块:requests、beautifulsoup4 Re:各位在测试时只需要将代码里的变量 path 指定为你当前系统要保存的路径,使用 python xxx.py 或IDE运行即可。
字节跳动视频编解码面经
引言 本文主要是记录一下面试字节跳动的经历。 三四月份投了字节跳动的实习(图形图像岗位),然后hr打电话过来问了一下会不会opengl,c++,shador,当时只会一点c++,其他两个都不会,也就直接被拒了。 七月初内推了字节跳动的提前批,因为内推没有具体的岗位,hr又打电话问要不要考虑一下图形图像岗,我说实习投过这个岗位不合适,不会opengl和shador,然后hr就说秋招更看重基础。我当时
Java学习的正确打开方式
在博主认为,对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结,前三者博主将淋漓尽致地挥毫于这篇博客文章中,至于总结在于个人,实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍,博客次之,这又是一个层次了,这里暂时不提后面再谈。博主将为各位入门java保驾护航,各位只管冲鸭!!!上天是公平的,只要不辜负时间,时间自然不会辜负你。 何谓学习?博主所理解的学习,它
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...
linux系列之常用运维命令整理笔录
本博客记录工作中需要的linux运维命令,大学时候开始接触linux,会一些基本操作,可是都没有整理起来,加上是做开发,不做运维,有些命令忘记了,所以现在整理成博客,当然vi,文件操作等就不介绍了,慢慢积累一些其它拓展的命令,博客不定时更新 顺便拉下票,我在参加csdn博客之星竞选,欢迎投票支持,每个QQ或者微信每天都可以投5票,扫二维码即可,http://m234140.nofollow.ax.
比特币原理详解
一、什么是比特币 比特币是一种电子货币,是一种基于密码学的货币,在2008年11月1日由中本聪发表比特币白皮书,文中提出了一种去中心化的电子记账系统,我们平时的电子现金是银行来记账,因为银行的背后是国家信用。去中心化电子记账系统是参与者共同记账。比特币可以防止主权危机、信用风险。其好处不多做赘述,这一层面介绍的文章很多,本文主要从更深层的技术原理角度进行介绍。 二、问题引入 假设现有4个人...
Python 基础(一):入门必备知识
目录1 标识符2 关键字3 引号4 编码5 输入输出6 缩进7 多行8 注释9 数据类型10 运算符10.1 常用运算符10.2 运算符优先级 1 标识符 标识符是编程时使用的名字,用于给变量、函数、语句块等命名,Python 中标识符由字母、数字、下划线组成,不能以数字开头,区分大小写。 以下划线开头的标识符有特殊含义,单下划线开头的标识符,如:_xxx ,表示不能直接访问的类属性,需通过类提供
这30个CSS选择器,你必须熟记(上)
关注前端达人,与你共同进步CSS的魅力就是让我们前端工程师像设计师一样进行网页的设计,我们能轻而易举的改变颜色、布局、制作出漂亮的影音效果等等,我们只需要改几行代码,不需...
国产开源API网关项目进入Apache孵化器:APISIX
点击蓝色“程序猿DD”关注我回复“资源”获取独家整理的学习资料!近日,又有一个开源项目加入了这个Java开源界大名鼎鼎的Apache基金会,开始进行孵化器。项目名称:AP...
程序员接私活怎样防止做完了不给钱?
首先跟大家说明一点,我们做 IT 类的外包开发,是非标品开发,所以很有可能在开发过程中会有这样那样的需求修改,而这种需求修改很容易造成扯皮,进而影响到费用支付,甚至出现做完了项目收不到钱的情况。 那么,怎么保证自己的薪酬安全呢? 我们在开工前,一定要做好一些证据方面的准备(也就是“讨薪”的理论依据),这其中最重要的就是需求文档和验收标准。一定要让需求方提供这两个文档资料作为开发的基础。之后开发
网页实现一个简单的音乐播放器(大佬别看。(⊙﹏⊙))
今天闲着无事,就想写点东西。然后听了下歌,就打算写个播放器。 于是乎用h5 audio的加上js简单的播放器完工了。 欢迎 改进 留言。 演示地点跳到演示地点 html代码如下`&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;music&lt;/title&gt; &lt;meta charset="utf-8"&gt
Python十大装B语法
Python 是一种代表简单思想的语言,其语法相对简单,很容易上手。不过,如果就此小视 Python 语法的精妙和深邃,那就大错特错了。本文精心筛选了最能展现 Python 语法之精妙的十个知识点,并附上详细的实例代码。如能在实战中融会贯通、灵活使用,必将使代码更为精炼、高效,同时也会极大提升代码B格,使之看上去更老练,读起来更优雅。 1. for - else 什么?不是 if 和 else 才
数据库优化 - SQL优化
前面一篇文章从实例的角度进行数据库优化,通过配置一些参数让数据库性能达到最优。但是一些“不好”的SQL也会导致数据库查询变慢,影响业务流程。本文从SQL角度进行数据库优化,提升SQL运行效率。 判断问题SQL 判断SQL是否有问题时可以通过两个表象进行判断: 系统级别表象 CPU消耗严重 IO等待严重 页面响应时间过长
2019年11月中国大陆编程语言排行榜
2019年11月2日,我统计了某招聘网站,获得有效程序员招聘数据9万条。针对招聘信息,提取编程语言关键字,并统计如下: 编程语言比例 rank pl_ percentage 1 java 33.62% 2 c/c++ 16.42% 3 c_sharp 12.82% 4 javascript 12.31% 5 python 7.93% 6 go 7.25% 7
通俗易懂地给女朋友讲:线程池的内部原理
餐厅的约会 餐盘在灯光的照耀下格外晶莹洁白,女朋友拿起红酒杯轻轻地抿了一小口,对我说:“经常听你说线程池,到底线程池到底是个什么原理?”我楞了一下,心里想女朋友今天是怎么了,怎么突然问出这么专业的问题,但做为一个专业人士在女朋友面前也不能露怯啊,想了一下便说:“我先给你讲讲我前同事老王的故事吧!” 大龄程序员老王 老王是一个已经北漂十多年的程序员,岁数大了,加班加不动了,升迁也无望,于是拿着手里
经典算法(5)杨辉三角
杨辉三角 是经典算法,这篇博客对它的算法思想进行了讲解,并有完整的代码实现。
编写Spring MVC控制器的14个技巧
本期目录 1.使用@Controller构造型 2.实现控制器接口 3.扩展AbstractController类 4.为处理程序方法指定URL映射 5.为处理程序方法指定HTTP请求方法 6.将请求参数映射到处理程序方法 7.返回模型和视图 8.将对象放入模型 9.处理程序方法中的重定向 10.处理表格提交和表格验证 11.处理文件上传 12.在控制器中自动装配业务类 ...
腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹?
昨天,有网友私信我,说去阿里面试,彻底的被打击到了。问了为什么网上大量使用ThreadLocal的源码都会加上private static?他被难住了,因为他从来都没有考虑过这个问题。无独有偶,今天笔者又发现有网友吐槽了一道腾讯的面试题,我们一起来看看。 腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹? 在互联网职场论坛,一名程序员发帖求助到。二面腾讯,其中一个算法题:64匹
面试官:你连RESTful都不知道我怎么敢要你?
面试官:了解RESTful吗? 我:听说过。 面试官:那什么是RESTful? 我:就是用起来很规范,挺好的 面试官:是RESTful挺好的,还是自我感觉挺好的 我:都挺好的。 面试官:… 把门关上。 我:… 要干嘛?先关上再说。 面试官:我说出去把门关上。 我:what ?,夺门而去 文章目录01 前言02 RESTful的来源03 RESTful6大原则1. C-S架构2. 无状态3.统一的接
求小姐姐抠图竟遭白眼?痛定思痛,我决定用 Python 自力更生!
点击蓝色“Python空间”关注我丫加个“星标”,每天一起快乐的学习大家好,我是 Rocky0429,一个刚恰完午饭,正在用刷网页浪费生命的蒟蒻...一堆堆无聊八卦信息的网页内容慢慢使我的双眼模糊,一个哈欠打出了三斤老泪,就在此时我看到了一张图片:是谁!是谁把我女朋友的照片放出来的!awsl!太好看了叭...等等,那个背景上的一堆鬼画符是什么鬼?!真是看不下去!叔叔婶婶能忍,隔壁老王的三姨妈的四表...
为啥国人偏爱Mybatis,而老外喜欢Hibernate/JPA呢?
关于SQL和ORM的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行了一番讨论,感触还是有一些,于是就有了今天这篇文。 声明:本文不会下关于Mybatis和JPA两个持久层框架哪个更好这样的结论。只是摆事实,讲道理,所以,请各位看官勿喷。 一、事件起因 关于Mybatis和JPA孰优孰劣的问题,争论已经很多年了。一直也没有结论,毕竟每个人的喜好和习惯是大不相同的。我也看
SQL-小白最佳入门sql查询一
不要偷偷的查询我的个人资料,即使你再喜欢我,也不要这样,真的不好;
项目中的if else太多了,该怎么重构?
介绍 最近跟着公司的大佬开发了一款IM系统,类似QQ和微信哈,就是聊天软件。我们有一部分业务逻辑是这样的 if (msgType = "文本") { // dosomething } else if(msgType = "图片") { // doshomething } else if(msgType = "视频") { // doshomething } else { // doshom...
致 Python 初学者
欢迎来到“Python进阶”专栏!来到这里的每一位同学,应该大致上学习了很多 Python 的基础知识,正在努力成长的过程中。在此期间,一定遇到了很多的困惑,对未来的学习方向感到迷茫。我非常理解你们所面临的处境。我从2007年开始接触 python 这门编程语言,从2009年开始单一使用 python 应对所有的开发工作,直至今天。回顾自己的学习过程,也曾经遇到过无数的困难,也曾经迷茫过、困惑过。开办这个专栏,正是为了帮助像我当年一样困惑的 Python 初学者走出困境、快速成长。希望我的经验能真正帮到你
“狗屁不通文章生成器”登顶GitHub热榜,分分钟写出万字形式主义大作
一、垃圾文字生成器介绍 最近在浏览GitHub的时候,发现了这样一个骨骼清奇的雷人项目,而且热度还特别高。 项目中文名:狗屁不通文章生成器 项目英文名:BullshitGenerator 根据作者的介绍,他是偶尔需要一些中文文字用于GUI开发时测试文本渲染,因此开发了这个废话生成器。但由于生成的废话实在是太过富于哲理,所以最近已经被小伙伴们给玩坏了。 他的文风可能是这样的: 你发现,...
程序员:我终于知道post和get的区别
是一个老生常谈的话题,然而随着不断的学习,对于以前的认识有很多误区,所以还是需要不断地总结的,学而时习之,不亦说乎
《程序人生》系列-这个程序员只用了20行代码就拿了冠军
你知道的越多,你不知道的越多 点赞再看,养成习惯GitHub上已经开源https://github.com/JavaFamily,有一线大厂面试点脑图,欢迎Star和完善 前言 这一期不算《吊打面试官》系列的,所有没前言我直接开始。 絮叨 本来应该是没有这期的,看过我上期的小伙伴应该是知道的嘛,双十一比较忙嘛,要值班又要去帮忙拍摄年会的视频素材,还得搞个程序员一天的Vlog,还要写BU...
加快推动区块链技术和产业创新发展,2019可信区块链峰会在京召开
11月8日,由中国信息通信研究院、中国通信标准化协会、中国互联网协会、可信区块链推进计划联合主办,科技行者协办的2019可信区块链峰会将在北京悠唐皇冠假日酒店开幕。   区块链技术被认为是继蒸汽机、电力、互联网之后,下一代颠覆性的核心技术。如果说蒸汽机释放了人类的生产力,电力解决了人类基本的生活需求,互联网彻底改变了信息传递的方式,区块链作为构造信任的技术有重要的价值。   1...
程序员把地府后台管理系统做出来了,还有3.0版本!12月7号最新消息:已在开发中有github地址
第一幕:缘起 听说阎王爷要做个生死簿后台管理系统,我们派去了一个程序员…… 996程序员做的梦: 第一场:团队招募 为了应对地府管理危机,阎王打算找“人”开发一套地府后台管理系统,于是就在地府总经办群中发了项目需求。 话说还是中国电信的信号好,地府都是满格,哈哈!!! 经常会有外行朋友问:看某网站做的不错,功能也简单,你帮忙做一下? 而这次,面对这样的需求,这个程序员...
网易云6亿用户音乐推荐算法
网易云音乐是音乐爱好者的集聚地,云音乐推荐系统致力于通过 AI 算法的落地,实现用户千人千面的个性化推荐,为用户带来不一样的听歌体验。 本次分享重点介绍 AI 算法在音乐推荐中的应用实践,以及在算法落地过程中遇到的挑战和解决方案。 将从如下两个部分展开: AI算法在音乐推荐中的应用 音乐场景下的 AI 思考 从 2013 年 4 月正式上线至今,网易云音乐平台持续提供着:乐屏社区、UGC...
相关热词 c# plc s1200 c#里氏转换原则 c# 主界面 c# do loop c#存为组套 模板 c# 停掉协程 c# rgb 读取图片 c# 图片颜色调整 最快 c#多张图片上传 c#密封类与密封方法
立即提问