使用 If 语句显示/隐藏元素，具体取决于变量值

Question

我有一个简单的逻辑问题，我试图根据从查询字符串中获取值的变量来显示/隐藏元素。值的获取工作，因为我设法将 var 回显到控制台。我遇到的麻烦似乎与下面的 if 语句有关。有人可以告诉我我做错了什么吗？

JQUERY...

if ($tree_option = 'smell') {
    console.log(tree_option);
      $('.option').addClass('off');
      $('.option-2').removeClass('off');
}
else if ($tree_option = 'bushiness') {
    console.log(tree_option);
      $('.option').addClass('off');
      $('.option-1').removeClass('off');
}
else if ($tree_option = 'needle-retention') {
    console.log(tree_option);
      $('.option').addClass('off');
      $('.option-3').removeClass('off');
}

.html。。。

                    <button class="small-12 large-4 button option option-3 text-center" data-question="needle-retention"><div class="circle-container"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/tree3.png"></div><div class="">Needle Retention</div></button>
                    <button class="small-12 large-4 button option option-1 text-center" data-question="bushiness"><div class="circle-container"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/tree1.png"></div><div class="">Bushiness</div></button>
                    <button class="small-12 large-4 button option option-2 text-center" data-question="smell"><div class="circle-container"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/tree2.png"></div><div class="">Smell</div></button>

Answer 1

=是一个

赋值，所以你设置变量而不是检查它的值。您想要的是检查变量是否设置为给定的字符串/值。为此，请使用==或===运算符。