JS控制 li 标签的class值添加与删除-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

JS控制 li 标签的class值添加与删除

2016-03-20 14:26:56 2103 1
<div id="processor">
            <ol class="processorBox oh">
                <li class="current">
                    <div class="step_inner fl">
                        <span class="icon_step">1</span>
                        <h4>
                            填写注册信息</h4>
                    </div>
                </li>
                <li>
                    <div class="step_inner">
                        <span class="icon_step">2</span>
                        <h4>
                            公司信息</h4>
                    </div>
                </li>
                <li>
                    <div class="step_inner fr">
                        <span class="icon_step">3</span>
                        <h4>
                            个人资料</h4>
                    </div>
                </li>
            </ol>
            <div class="step_line">
            </div>
    <a id="nextBtn" class="btn btn_primary" href="javascript:;" >下一步</a>


    $('#nextBtn').click(function () {      
                    var i = $('.processorBox li').index();
               $('.processorBox li').removeClass('current').eq(i).addClass('current');
               $('.step').fadeOut(300).eq(i).fadeIn(500);
            }
        });

点击下一步按钮时,触发onclick事件,将第一个li标签的class值删除,并在下一个li标签上添加class值,,以上是我自己写的,但是点击后没有反映,而且 var i 获取的值为0 ,,,求大神解决

取消 提交回答
全部回答(1)
  • 小旋风柴进
    2019-07-17 19:09:38

    index()获得第一个匹配元素相对于其同胞元素的 index 位置,所有返回的是0。eq() 选择器选取带有指定 index 值的元素。
    你的$('.processorBox li').removeClass('current').eq(i).addClass('current')这一步是删除了第一个li的class之后又给他添加class.你可以这样
    $('.processorBox li').removeClass('current').eq(i+1).addClass('current')就是他的下一个li了。

    0 0
相关问答

0

回答

请问java类文件class较大是否会对系统性能有影响?

2021-11-07 08:03:38 148浏览量 回答数 0

1

回答

Java如何访问该Class对象对应类所继承的父类?

2020-04-12 19:43:27 651浏览量 回答数 1

1

回答

Java程序中如何获得Class对象?

2020-04-12 19:39:10 753浏览量 回答数 1

1

回答

Java如何访问Class对应类所包含的Field?

2020-04-12 19:42:08 678浏览量 回答数 1

1

回答

Java如何访问Class对应类上所包含的Annotation?

2020-04-12 19:42:12 705浏览量 回答数 1

1

回答

Java如何访问该Class对象对应类所继承的父类、所实现的接口等?

2020-04-12 19:43:20 721浏览量 回答数 1

1

回答

a标签怎么传js中的值

2018-05-10 20:00:19 1879浏览量 回答数 1

3

回答

js怎么添加p标签属性吗

2018-05-10 19:58:54 2772浏览量 回答数 3

1

回答

js如何给a标签添加随机颜色

2016-03-25 15:06:34 2383浏览量 回答数 1

1

回答

class文件反编译为Java

2016-03-10 09:38:06 2099浏览量 回答数 1
2709
文章
6591
问答
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载