导航:首页 > 编程语言 > jsli点击时加class多个li

jsli点击时加class多个li

发布时间:2021-02-19 13:27:44

❶ 点击不同的li,通过js添加或删class="excellent_nav_checked"

jquery

$("li").click(function(){
this.addClass("excellent_nav_checked"); //添加来样自式
this.removeClass("excellent_nav_checked"); //删除样式

})

❷ JS控制li,鼠标点击时class自动加上

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type ="text/javascript">
$(document).ready(function(){
$('li').click(function(){
$(this).addClass('cur');
});
});
</script>

不可能不行,除非你的class写的有问题,或者你没回说清楚你的需求。答

❸ js给循环中的li添加class="active"

1、首先在html中布抄局好两个按钮和一个袭div,如下图所示。

❹ js,jquery实现在div里的UL LI里加入CLASS

提示下:$("ul li:nth-child(3n)") 具体看你自己怎么实现了

❺ js中关于给两层的li标签添加class的问题,求大神解答!

$(function(){
$(".submenu").click(function(){
$(".active").removeClass("active");
$(".active2").removeClass("active2");
$(this).addClass("active");
});

$(".submenu>ul>li").click(function(){
$(".active").removeClass("active");
$(".active2").removeClass("active2");
$(this).parent().parent(".submenu").addClass("active");
$(this).addClass("active2");
});
});

这里要给下级菜单再写一个的css样式

我测试了一下,不知道为什么,用一个样式不得行

这里用的是jquery的版本,如果你要原生js的版本再追问


而且我觉得这里还有一个问题,因为所有的2级菜单初始状态都是隐藏的,所以,只有在点击1级菜单才会展开,这时已经点击了1级菜单,1级菜单就应该有active样式了,这里好像只需要给2级菜单添加个点击事件再加个active样式就可以了。。。不需要再给他的1级菜单添加一次样式

❻ js设置class 页面要自动增加<li>标签 能否用JS生成每个增加的<LI>的CLASS

<ulid="list">
<li></li>
....
</ul>
<script>
varlist=document.getElementById("list")
//获取ul对象
lis=list.getElementsByTagName("li")
//获取ul下的li对象,是数组内集合容
for(vari=0,l=lis.length;i<l;i++){
lis[i].className="yangshi"+(i+1)
}
</script>

❼ jq:求助!!//当鼠标点击li给li赋予一个class,当鼠标点击另一个li的时候把上一个li的class去掉怎么写呀

$(function(){
$("#Tab ul > li").click(function(){
$(this).addClass("current").siblings().removeClass("current");
})
}) //给Li一个点击事件,给当前点击的li一个class然后去掉版同辈li的class,就这么简权单

❽ jquery怎么在点击li标签之后添加一个在class,点击下一个li时删除上一个class

思路:点抄击当前li元素后是袭用removeClass()删除所有兄弟元素(使用siblings()获取)的class样式,然后使用addClass()为当前li添加class。

具体演示如下:

1、HTML结构:设计三个li元素

<ul id="test">

<li>Glen</li>

<li>Tane</li>

<li>John</li>

</ul>

2、css样式:设计一个类selected,表示选中后的效果

<style>

.selected{font-weight:bold; background: #ff99cc; color:#fff;}

</style>

3、jquery代码

$(function(){

$("#test li").click(function() {

$(this).siblings('li').removeClass('selected'); // 删除其他兄弟元素的样式

$(this).addClass('selected');// 添加当前元素的样式

});

});

4、效果演示:

❾ js或JQ 怎么实现点击a 链接li里加个 class="current"

建议你这样写
<a href="xxx.html" onclick="aa ()">

先给这个li一个id,(none,可以随便写)
<li id="liid" class="none" ><a href="index.asp">首页</a> </li>

<script>
function aa(){
var b=document.getelementbyid("liid");
b.classname="current";
}
</script>

PS:你想要的效果应该是点击莫个链接让这内个li的显示效果不一样,我的代码能容实现你要的效果.
打字不易,如不懂可继续问,往采纳,谢谢!

❿ 求助js大神 实现点击li增加样式 点击另一个同类的li移除这个样式怎么写呢 目前只有点击增加不能移除样式

for(vari=0;i<getEls.length;i++){
getEls[i].onclick=function(){
for(vari=0;i<getEls.length;i++){
getEls[i].className='';
}
this.className="asd1"
}

//当某个元素被点击之后,之前的同类遍历把他们的样式去掉,给内现在的这容个添加样式。

阅读全文

与jsli点击时加class多个li相关的资料

热点内容
ps3文件分割视频 浏览:280
微信图片一键转发软件 浏览:331
如何判断s200plc编程电缆 浏览:691
太原编程培训班哪个好 浏览:171
树叶吹奏教程 浏览:6
社交app带来了哪些社会问题 浏览:394
如何安装爱宝8800数据采集器 浏览:712
文件保存了怎么找不到了 浏览:476
彩票网站怎么辨真假 浏览:840
pr找不到该文件 浏览:963
java移除panel 浏览:354
jsp填充jsp 浏览:166
海关外贸大数据在哪里查 浏览:381
思特奇java笔试题 浏览:121
葫芦侠在手机中的文件名 浏览:813
plc编程应该怎么收钱 浏览:584
c语言中源文件由什么组成 浏览:890
linuxhttpdphp配置文件 浏览:607
拆单数据要怎么保存 浏览:17
mac电脑怎样压缩文件到100m 浏览:645

友情链接