如果条件onclick - jQuery

Question

$('.product-nav li a').click(function() {
  $('.product-nav li').removeClass('active');
  $(this).parent().addClass('active');
  if( $(this).hasClass('tshirts') ){
    $('product').hide();
    $('.product.tshirt').show();
  }
});

..活动类已正确分配，但产品未按需要隐藏/显示，因为我认为点击时无法识别if条件？

Answer 1

产品是什么元素？

$('product').hide();

您错过了.

$('.product').hide();

Answer 2

达到你的条件不应该有问题。

你似乎有一个错字。在第5行，您正在为<product>元素运行jQuery选择器。您的意思是选择类product的元素吗？ （即$('.product')）？

Answer 3

  $('.product-nav li').removeClass('active');
  $(this).parent().addClass('active');

第一行将其删除，第二行将其重新添加。

你的意思是：

$(this).parent().addClass('tshirts');