在jQuery中将类添加到父锚点

Question

我在单击事件上将类添加到父锚点。

CSS

<style type='text/css'>
.pro_nav li a{
   color:#949494;
}
.pro_nav li a:hover, .pro_nav li a.active{
  color:#ffbe1b;
}

JS代码

<script type='text/javascript'>
$(function(){
$('.pro_info').hide();
$('.pro_info:first').show();
$('.pro_nav ul li a:first').addClass('active');
$('.pro_nav ul li a').click(function(){
$('.pro_nav ul li a').removeClass('active');
$(this).parent().addClass('active'); // this line not working
var Protab = $(this).attr('href');
$('.pro_info').hide();
$(Protab).fadeIn(1000);
return false;
});
});

HTML代码

<div class="pro_nav">
 <ul>
     <li><a href="#qa">q&a </a></li>
        <li><a href="#galleries">galleries</a></li>
        <li><a href="#wishlist">wishlist</a></li>
     </ul>
</div>

我想申请主播家长的活动课。

Answer 1

问题是没有为li元素指定css规则，而是为anchor元素(.pro_nav li a.active)指定css规则。

$('.pro_nav ul li a').click(function () {
    $('.pro_nav ul li a').removeClass('active');
    $(this).addClass('active');
    var Protab = $(this).attr('href');
    $('.pro_info').hide();
    $(Protab).fadeIn(1000);
    return false;
});

演示：小提琴