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

for (var i=0; i<getEls.length; i++) {
getEls[i].onclick=function() {

this.className="asd1"
}

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

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

追问

亲 这个还不错 效果达到了 可是li里面还有ul和li的 样式也被改变了 这个能稍微修改下 只在同类上加这个样式吗

温馨提示:内容为网友见解,仅供参考
无其他回答

...点击另一个同类的li移除这个样式怎么写呢 目前只有点击增加不能移...
for (var i=0; i<getEls.length; i++) { getEls[i].onclick=function() {for (var i=0; i<getEls.length; i++){ getEls[i].className='';}this.className="asd1"}\/\/当某个元素被点击之后,之前的同类遍历把他们的样式去掉,给现在的这个添加样式。

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

点击li 给其中一个子元素添加样式点击同类li去掉样式, 上边是html结构...
\/\/把你的js代码替换成这个 $('#three_liest li').bind("click",function(){ $(this).addClass("active").siblings().removeClass("active"); });

jquery如何实现点击LI标签和下面的LI互换顺序?
1、首先打开huilder软件,新建一个html文件,写入html的结构,先设置一个外层的div并设置class属性,div中在设置一个span标签显示标题,和一个无序列表:2、然后在上面的style标签中设置样式,外层的box设置宽度,间距和边框,标题设置颜色和字体倾斜,内容设置宽度、边框和盒子内外边距,并且把字体调即可:3...

HTML怎么实现点击li标签实现不同的界面,且界面不刷新?求
代码:效果:

js如何获取被点击li是第几个?
1、首先打开html编辑器,新建一个html文件,里面写入4个li标签,并在上方的style标签中设置li的样式,给li标签高度和宽度以及边框,同时设置li标签之间的间隔。2、然后在script标签中写入js,首先用getElementsByTagName获取所有li标签的dom元素,任何使用for循环遍历数组中的元素,for循环内部设置每个li标签的...

php或者JS或者CSS怎么删除ul中最后一个li的border-bottom
php是后台语言,一般不用作前台样式的chuli,javascript或者CSS删除ul中最后一个li的border-bottom样式的方法如下:javascript:obj.style.borderBottom = "none";jquery:$("ul#test li:last-child").css("border-bottom","none");css:ul#test li:last-child{border-bottom: none;} jquery和css的...

js实现点击一个按钮就在旁边出现另一个框
把show()和hidden()里各加一个参数就可以了:<html lang="ru"><head> <title><\/title> <meta http-equiv="Content-Type" content="text\/html;charset=UTF-8"><\/head><body> <div id="div1" style="display: none" onMouseout="hidden(this);" class="content">aaaaa<\/div> <div ...

jquery中怎么删除<ul>中的整个<li>包括节点
使用jquery库的函数:remove()。功能思路:展现一个UL,然后设计一个按钮,通过绑定删除函数,点击时删除所有LI节点。实例演示如下:1、设计简单的一个页面,其中html代码如下:简单的样式文件:此时的页面内容展示如下:2、设计JS代码,实现删除函数。3、实例操作,点击按钮,实现节点删除,展示如下:完成...

如何使用HTML实现点击一个链接打开新窗口
会使原来的窗口发生页面回传,从而导致 css样式无效,如果是动态页面的话还可能导致页面变空白。所以还是慎用这个方法。<a href="#"onclick="windows.close();">,是完全在客户端执行的动作,页面不会产生回传,不会刷新页面。<li onclick="javascript:window.open ('链接')"> <\/li> ...

相似回答