实习小结十:jQuery获取父类class类名,控制不同板块

来源:互联网 发布:thinkphp3.2项目源码 编辑:程序博客网 时间:2024/06/05 03:24

呵呵、我又来了,刚刚小伙伴让我把早上做好的,六个联动改成各自联动,我很呵呵,不过还好,一个小时不到就解决了,毕竟有经验了。

html代码:在外层添加了一个div来通过index控制不同的版块,贴出简略版代码。

<div class="company-info">    <div class="company<?php echo $title_index;?>">        <h3>            <span class="title-left">最佳<?php echo ($title[$title_index]) ?>            </span>                            </h3>        <div style="clear:left;"></div>        <?php $else_index = 1; ?>        <?php foreach ($companies as $index => $company) {?>            <div class="infor<?php echo $else_index;?> info">                  <div class="selected<?php echo $else_index;?> want-to">                    <a class="active<?php echo $else_index;?> active" href="/review/company/<?php echo $company->company_id;?>"  style="text-decoration:none;color:#ffffff;" >我要评                    </a>                </div>            </div><!-- info -->        <?php $else_index++;} ?>    </div><!-- company-index --></div><!-- company-info -->

比较重要的是获取父类的classname,然后重新组成选择器名称。
jQuery代码:

$('#week-best .company-info .want-to a').removeClass('active');    $('#week-best .company-info .selected1 a').addClass('active');     $("#week-best .company-info .want-to a").hover(function(){        var name = String( $(this).parent().parent().parent().attr('class') );        $("#week-best " + "." + name +" .want-to a").removeClass('active');        $(this).addClass("active");    },function(){        $(this).addClass("active");    });

这个页面做了快两周了,不想再改了…………

实现出来的效果:一个版块hover变化,其他不会发生变化。

0 0
原创粉丝点击