导航:首页 > 编程语言 > 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相关的资料

热点内容
如何知道别人使用我的电脑和看了什么文件 浏览:712
prcs4视频导出后找不到文件 浏览:977
msp430系列单片机实用c语言程序设计 浏览:423
移动硬盘的文件格式 浏览:904
文件本地路径与云路径 浏览:103
进大白菜找不到系统文件 浏览:380
ug装配体找不到文件部件已删除 浏览:629
小网站怎么弄出来 浏览:649
jsp表单加参数 浏览:607
苹果5s手机老是卡屏 浏览:58
js给php变量赋值 浏览:446
杂志版本号是什么意思 浏览:223
地图特效代码 浏览:192
去除思科配置文件中的号 浏览:196
运行的16位程序太多 浏览:1
苹果mac用什么软件好学编程 浏览:681
ai中线段怎么添加宽度配置文件 浏览:956
lol文件怎么找不到game 浏览:142
aecc视频教程 浏览:983
linux怎么查看数据库用户名 浏览:182

友情链接