html jquery li标签 选中
程序员文章站
2022-03-08 12:16:33
...
$('.j-d-list').find($('li[data-m="2017-10"]')) var current=$("#diss").find($("dd[class='current']")); ---------------------------------------------------------------------------------------- class="current" var current=$("#workplaceSelect").find($("a[class='current']")); alert(current); alert(current.attr("districtId")); //选中一个,移除其它。始终就一个选中 <ul> <li class="current"> </li> <li> </li> </ul> this.addClass('current').siblings().removeClass("current"); $('.j-d-list').find($('li[data-m="'+switchMonth+'"]')).removeClass('on').addClass('off').find('i').text(''); $("#workplaceSelect a").each(function(){$(this).attr("class","")}); --------------------------jquery-------以下调试ok代码--------------当前操作a标签加样式 选中状态 ----------------------------------------- html代码 <ul id="workplaceSelect"> <li > <a href="#" districtId='1' onclick="goPage(this,1)" > 1<i>预约</i> </a> </li> <li > <a href="#" districtId='2' onclick="goPage(this,2)" > 2<i>预约</i> </a> </li> <li > <a href="#" districtId='3' onclick="goPage(this,3)" > 3<i>预约</i></li> </a> </ul> <javascript> //获得点击选中的 属性 districtId 值 function goPage(data,type){ //alert($(data).attr("districtId")); //设置所有workplaceSelect 下的 a标签 class为"" ,不选中状态 $("#workplaceSelect a").each(function(){$(this).attr("class","")}); //当前点击a标签加class="current" $(data).addClass('current').siblings().removeClass("current"); // $(data).attr('class','current');//.siblings().removeClass("current"); //获得当前选中 workplaceSelect a标签current属性上的districtId 值 var current=$("#workplaceSelect").find($("a[class='current']")); alert(current); alert(current.attr("districtId")); var districtId =current.attr("districtId"); // alert(id); // window.location.href='http://localhost:8080/positionInfoAndCompany/list?districtId='+districtId; } </javascript>
上一篇: 蓝桥杯 灵能传输
下一篇: html --table表格
推荐阅读
-
jquery删除指定的html标签并保留标签内文本内容的方法
-
jQuery动态添加li标签并添加属性和绑定事件方法
-
jquery实现选泽选中li中的span元素的css样式变化
-
jquery html动态生成select标签出问题的解决方法
-
html中的input标签的checked属性jquery判断代码
-
用jquery获取select标签中选中的option值及文本的示例
-
JS和jQuery通过this获取html标签中的属性值(实例代码)
-
jQuery获取标签文本内容和html内容的方法教程
-
JQuery实现点击li标签改变样式class
-
jquery如何改变html标签的样式(两种实现方法)