javascript - if条件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

それはあなたの状態に達するのに問題がないはずです。

ただし、タイプミスがあるようです。<product>5行目では、要素のjQueryセレクターを実行しています。クラスで要素を選択するという意味productですか？（すなわち$('.product')）？

Answer 3

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

1行目で削除し、2行目で追加し直します。

意味は：

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