欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

如何获取指定class的id

程序员文章站 2022-03-23 13:31:41
获取元素 设置它们 点击一个a后,当前a增加active的class,同时其它a去除这个class。如何获取当前为active的a的id呢? 这时a是一个数组,即 而a[1]: 想要获取a[1]的id, a[1].attr['id'] 是不行的,用 $(a[1]).attr['id'] 是可以的。那 ......

获取元素

 1 <div class="visualsssf_left">
 2     <h3>异常车辆分析</h3>
 3     <a id="year2016a" href="javascript:void(0)" >2016年全部</a>
 4     <a id="year2016g" href="javascript:void(0)">2016年公户</a>
 5     <a id="year2016s" href="javascript:void(0)">2016年私户</a>
 6     <a id="year2017a" href="javascript:void(0)">2017年全部</a>
 7     <a id="year2017g" href="javascript:void(0)">2017年公户</a>
 8     <a id="year2017s" href="javascript:void(0)">2017年私户</a>
 9     <a id="year2018a" href="javascript:void(0)">2018年全部</a>
10     <a id="year2018g" href="javascript:void(0)">2018年公户</a>
11     <a id="year2018s" href="javascript:void(0)">2018年私户</a>
12     <a id="year2019a" href="javascript:void(0)">2019年全部</a>
13     <a id="year2019g" href="javascript:void(0)">2019年公户</a>
14     <a id="year2019s" href="javascript:void(0)">2019年私户</a>
15 </div>

设置它们

var a=$('.visualsssf_left a');
for(var i=0;i<a.length;i++){
    a[i].index=i;
    a[i].onclick=function(){
        for(var i=0;i<a.length;i++){
            a[i].classname='';
        }
        this.classname='active';
        
        var type = $(this).attr('id');
        var next = arrtype.indexof(type)+1;
        if(next>=arrtype.length){next=0;}        
    }//click.function
}

点击一个a后,当前a增加active的class,同时其它a去除这个class。如何获取当前为active的a的id呢?

这时a是一个数组,即

var a = [a#year2016a, a#year2016g, a#year2016s, a#year2017a, a#year2017g, a#year2017s, a#year2018a, a#year2018g, a#year2018s.active, a#year2019a, a#year2019g, a#year2019s, prevobject: init(1), context: document, selector: ".visualsssf_left a"];

而a[1]:

a[1] = <a id="year2016g" href="javascript:void(0)">2016年公户</a>

想要获取a[1]的id, a[1].attr['id'] 是不行的,用 $(a[1]).attr['id'] 是可以的。那么在js中a[1]和$(a[1])本质的区别是什么呢? typeof(a) 、 typeof(a[1]) 、 typeof($(a[1])) 都是object类型,