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>

Идея для Label: быть скрытой, если в {{Value}} ничего нет.

Я пробовал различные примеры, используя операторы $ (. Value: empty) & if, но он скрывает .label независимо.

Любые предложения приветствуются.
Заранее спасибо,
Rob

Answer 1

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

PS. Хорошей идеей будет инкапсуляция пары .label .value в какую-то LI или DIV

.

Answer 2

Попробуйте

if ($('.value').text() == '') { $('.label').hide(); }