实习小结九：jQuery中根据this对象控制多个同一类名标签

今天，弄了一个早上的这个破玩意，一弄完就想着，一定要写下来，写下来……

主要问题是，实现六个同名的a标签同时hover能有一样的效果。

html代码：

<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;?>">我要评</a>
</div>

默认刚开始所有标签的class都是active，然后先全部remove，设置第一行的六个标签默认有active，然后开始实现hover，当hover任何一个a标签时，第一个的active都会被移除，然后通过获取当前this的className来控制所有的同名的标签，这边获取className特别揪心……如果不获取的话，分别写每个$else_index的对应hover，会导致代码冗余。

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(){
        $('#week-best .company-info .want-to a').removeClass('active');
        $("." + $(this)[0].className).addClass("active");
    },function(){
        $("." + $(this)[0].className).addClass("active");
    });

实现联动效果图：

另外，夸奖一下自己，最近在写网页的时候，注意了使用clear，所以提交以后，在不同显示屏上显示时，样式没有变化。