时间戳

首页 > 解决方案 > 如果没有可用的输出内容，如何隐藏 div 类？

html - 如果没有可用的输出内容，如何隐藏 div 类？

问题描述

如果没有输出字符串，我正在尝试隐藏一个部分（div 类）。我该怎么做呢？

<div class="series"> <b>Series:</b> <a href="<?php the_field( 'series_link' ); ?>" target="_blank"><?php the_field( 'books_series' ); ?></a> <?php ?> </div>

当 series_link 没有可用的内容时，我正在寻找它消失。

标签： htmlcsshide

解决方案

您可以使其具有 JS HTML DOM 功能。这是给您的示例代码。

<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<script>

  var str = "";
  var n = str.length;

  document.getElementById("demo").innerHTML = n;

  if (n==0) {
    document.getElementById("demo").style.display = "none";
  } else {
    document.getElementById("demo").style.display = "block";
  }

</script>

</body>
</html>

您可以识别字符串长度。如果它为零，则将显示值设置为 none，如果有任何值，则设置为可见部分的块。

推荐阅读