js根据id的值给li添加class属性

<div class="nav" id="不固定的">
<h3 class="nav-tit">导航</h3>
<ul class="nav-list">
<li><a href="">首页</a></li>
</ul>
</div>

如何通过判断id=""里的值给ul下的li及a加上class

比如:
<div class="nav" id="不固定的">
<h3 class="nav-tit">导航</h3>
<ul class="nav-list">
<li class="home"><a href="">首页</a></li>
</ul>
</div>

home就是根据id判断生成的 id的值总共有好几个 生成的class也有好几个

目前我找到这个 $(".id").attr("class","home"); 但是这个不是生成在下一级的li上的

第1个回答  2016-11-21
$(".selector").find("li").addClass("home")
推荐自学网址http://www.runoob.com/jquery/jquery-traversing-descendants.html本回答被提问者采纳

通过js遍历ul下的li,在给li赋上CLASS!急,有会的帮下忙吧!
比较简单,可以这样来做:<script type="text\/javascript"> var u = document.getElementById("about");var n = document.getElementsByTagName("li");n[0].className = "ubNav";<\/script>

如何用原生js改变某id下的li的class?
<li class=""> <a href="b">b<\/a><\/li> <\/ul> <!-- 在页面中直接调用,注意id和class为字符串 --> <input type="button" value="更改" onClick="one('MainNav',1,'123')"\/> <\/nav> <script type="text\/javascript"> \/ 通过数字,改变class名称 idName 需要修改的li的父级...

如何在js中循环赋值给页面上的li附上标签?
js 动态添加li代码:<ul id="parentUl"><li>原li<\/li><\/ul> function addElementLi(obj) {var ul = document.getElementById(obj); \/\/添加 livar li = document.createElement("li"); \/\/设置 li 属性,如 idli.setAttribute("id", "newli"); li.innerHTML = "js 动态添加li";ul.a...

js给循环中的li添加class="active"
1、首先在html中布局好两个按钮和一个div,如下图所示。2、接着编写添加class的方法,如下图所示,通过classList中的add。3、运行页面以后看到如下图所示的界面。4、点击添加class按钮就可以看到div中多了样式。5、接下来在编写移除class样式即可。

如何通过js在li的奇偶或单双标签中增加class?
<style>ul li:nth-of-type(odd){奇数行样式} ul li:nth-of-type(even){偶数行样式}<style> 如果我说服不了你,一定要js的话,那么继续: <script id="jquery_182" type="text\/javascript" class="library" src="\/js\/sandbox\/jquery\/jquery-1.8.2.min.js"><\/script><meta charset=...

js怎么给指定id下面的所有子div添加class?
其实只需要用到document.querySelector('选择器')和结合classList. add("类名")即可。那么你这里就只要设置以下两步代码即可:document.querySelector('# room>div'). classList. add(" test");document.querySelector('# room>div>input'). class...

js中关于给两层的li标签添加class的问题,求大神解答!
一定要用js的话代码太长了我给你点思路。首先为元素绑定onclick事件,一级li和二级li区别对待。你没说清楚哪里不明白,我就猜一下你是不知道如何选中二级节点的父节点。选中当前节点的父节点的方法是this.parentNode就是当前节点的父节点了。你可以if this.onclick 那么this.parentNode.class就改为什么...

如何给动态给导航菜单中的li标记引用class
js实现的,你将这段放入进去试试(放到ul前后都行) 我然后鼠标移到菜单上看看,<style type="text\/css"> .red{background:red;} <\/style> <script type="text\/javascript" > window.onload = function (){ document.getElementById("menu").onmouseover = function (){ this.className="red";...

jq:求助!!\/\/当鼠标点击li给li赋予一个class,当鼠标点击另一个li的时 ...
(function(){ ("#Tab ul > li").click(function(){ (this).addClass("current").siblings().removeClass("current");})}) \/\/给Li一个点击事件,给当前点击的li一个class然后去掉同辈li的class,就这么简单

js给 id 加上 class
引用楼上的document.getElementById("01").className="aa"\/\/aa是class名称 如果用jquery的方法,就更简单一点$("#01").attr("class","aa");

相似回答