Question

我有一个div结构，我在下面显示，我想隐藏span标记，如果{{xxx}}部分为空，我该怎么办？我使用jquery，还是有一个简单的CSS示例？

<div>
    <span class="fa fa-user"></span>  
    {{attendees}}
    <span class="fa fa-money"></span>  
    {{entry_fee}}
</div>

我使用mustache.js加载{{xxx}}内容。

Answer 1

我建议你将文本节点括在html元素中

<div>
  <span class="fa fa-user"></span>
  <span class="for-fa-user">{{attendees}}</span>

  <span class="fa fa-money"></span>
  <span class="for-fa-money">{{entry_fee}}</span>
</div>

<script type="text/javascript">
  var a = document.querySelector(".for-fa-user").innerHTML;
  if (a.trim() === "") {
    document.querySelector(".fa-user").style.display = "none";
  }

  var b = document.querySelector(".for-fa-money").innerHTML;
  if (b.trim() === "") {
    document.querySelector(".fa-money").style.display = "none";
  }
</script>

数据为空后隐藏跨度

1 个答案: