根据其他分区的内容隐藏分区

Hide Div Based on Contents Of Other Div

本文关键字：分区 隐藏 其他      更新时间：2024-02-03

我有一个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>

***编辑：感谢大家的回复，修复是围绕"服装"的语法的一个小问题

Costume是字符串文字，因此它需要包含在''或"" 中

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

如果你查看浏览器控制台，它应该有一个Costume变量的参考错误

也许您应该在代码中为Costume添加引号

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

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

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

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