javascript - 如果条件 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');