Jquery 点击函数 -

Question

我有一个JS Fiddle ，我的问题是第一次单击后一切正常，但如果再次单击 H3，则新类不会切换。

感谢您提前提供帮助

$('.recommendation-block > h3').addClass('newclass');
$('.recommended-product').addClass('hide');
$(document).ready(function () {
    $('.recommendation-block > h3').click(function () {
        $(this).next('.recommended-product').toggleClass('active');
        if ($('.recommended-product').hasClass('active')) {
            $(this).closest('.recommendation-block > h3').toggleClass('newclass1');
        }
    });
});

Answer 1

我认为您需要使用带有开关参数的toggleClass版本，还需要定位当前上下文中的推荐产品。

$(document).ready(function () {
    $('.recommendation-block > h3').click(function () {
        var $prod = $(this).next('.recommended-product').toggleClass('active');
        $(this).closest('.recommendation-block > h3').toggleClass('newclass1', $prod.hasClass('active'));
    });
});

演示:Fiddle

在您的情况下，if block 仅在交替点击中执行，因为hasClass仅在添加active类时返回true到推荐产品