在jQuery中将类添加到父锚

时间:2013-12-27 11:05:19

标签: jquery html

我在单击事件

上添加类到父锚点时遇到困难

CSS

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

JS CODE

<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 CODE

<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>

我想在主父母上申请活跃课程

1 个答案:

答案 0 :(得分:0)

问题是没有为li元素指定css规则,它是针对anchor元素(.pro_nav li a.active

$('.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;
});

演示:Fiddle