jquery - 我该如何改进这个 JQuery 代码

Question

我正在研究 JQuery 代码的优化，并且想知道是否有办法改进这段代码，因为它看起来很长......

$("#tabs-nav li a").hover(

        function(){
            if($(this).parent().hasClass('active')) {
            } else {
                $(this).stop().animate({ opacity: 1, marginTop: '24px'}, 200);
            }   
        },
        function(){
            if($(this).parent().hasClass('active')) {
            } else {
                $(this).stop().animate({ opacity: 0.4, marginTop: '29px'}, 200);
            }
        }
    );

非常感谢!

Answer 1

您可以通过将过滤器传递给parent来消除条件。功能:

$('#tabs-nav li a').hover(function() {
    $(this).parent(':not(.active)').children('#tabs-nav li a').stop().animate({ opacity: 1, marginTop: '24px'}, 200);
}, function() {
    $(this).parent(':not(.active)').children('#tabs-nav li a').stop().animate({ opacity: 0.4, marginTop: '29px'}, 200);
});

如果您的<a>元素是 <li> 的直接子元素元素，你应该使用 Josh 的解决方案。