Question

我有一个包含变量的div，它是显示中项目的类别，以及包含指向大小图表的链接的div，如下所示：

<div class="category">Costume</div>

<div class="chart"> <a id="SizeChart"   href="http://http://shopping.netsuite.com/partycentre" target="_blank">Size Chart</a></div></div>

我想显示尺寸图表div只有当类别是“服装”时 - 我尝试过以下脚本但它不起作用：

<script type="text/javascript">
jQuery(document).ready(function() { 
if($('.category').html() == Costume) {
    $('.chart').css('display', 'block');
} else {
    $('.jkmart').css('display', 'none');
}
 });  
  </script>

***编辑：谢谢大家的回复，修复是关于“服装”的语法的一个小问题

Answer 1

Costume是字符串文字，因此需要将其括在''或""

中

jQuery(document).ready(function () {
    if ($('.category').html() == 'Costume') {
        $('.chart').css('display', 'block');
    } else {
        $('.jkmart').css('display', 'none');
    }
});

如果您查看浏览器控制台，它应该有一个Costume变量

的引用错误

Answer 2

也许你应该在代码

中为Costume添加引号

<script type="text/javascript">
jQuery(document).ready(function() { 
if($('.category').html() == "Costume") {
    $('.chart').css('display', 'block');
} else {
    $('.jkmart').css('display', 'none');
}
 });  
  </script>

Answer 3

$(document).ready(function () {
    if($('.category').html() == 'Costume') {
        $('.chart').css('display', 'block');
    } else {
        $('.jkmart').css('display', 'none');
    }
});

Answer 4

请将“Costume”更改为“Costume1”并尝试以下代码

 if($('.category').html() == "Costume") {
      $('.chart').css('display', 'block');
 } else {
      $('.chart').css('display', 'none');
 }

隐藏Div基于其他Div的内容

4 个答案: