JQuery:如果另一个标签为空或不为空，则显示/隐藏 html 标签

Question

这是我第一次在这里发帖，我有一个问题，我已经多次搜索但到目前为止找不到有效的答案。

HTML 如下:

<span class="label">Label:</span>
<span class="value">{{Value}}</span>

基本上，{{Value}}是通过php/mysql插入(或不插入)的变量。
当然，如果{{Value}}为空，则在渲染页面时您会得到以下结果:

<span class="label">Label:</span>
<span class="value"></span>

这个想法是如果 {{Value}} 中没有任何内容，则隐藏 Label:。

我尝试了使用 $(.value:empty) 和 if 语句的各种示例，但无论如何它都会隐藏 .label。

欢迎任何建议。
预先感谢，
罗布

Answer 1

$(".value").each(function(){
  var value = $.trim($(this).text())
  if(value == ""){
    $(this).prev(".label").hide()
  }
})

PS。一个好主意是将 .label .value 对封装到某种 LI 或 DIV 中