使用If语句显示/隐藏元素取决于var值

时间:2017-11-01 15:24:09

标签: jquery if-statement

我有一个简单的逻辑问题,我试图显示/隐藏元素,具体取决于从查询字符串中获取值的变量。获取值的工作原因是我已设法将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>

1 个答案:

答案 0 :(得分:3)

=是一项作业,因此您需要设置变量而不是检查其值。你想要的是检查变量是否设置为给定的字符串/值。为此,请使用=====运算符。