Как скрыть метку, если содержимое диапазона пусто

Question

HTML. Мой код выглядит так:

<p class="left" style="margin-top: 0.5em;">
<span class="left">8. 1. pamatslimība</span>
<span style="float: right">
    <i data-openehr-field="/content[at0001]/items[lv.softdent.clinical::openEHR-EHR-ADMIN_ENTRY.izraksts.v1]/data/items[at0105]/items[at0106]" data-openehr-text-as-value="false" data-openehr-value-transformer="transformIcdTextToOnlyText"></i>
    <span data-openehr-field="/content[at0001]/items[lv.softdent.clinical::openEHR-EHR-ADMIN_ENTRY.izraksts.v1]/data/items[at0105]/items[at0106]" data-tmpl="#square" data-openehr-text-as-value="true"></span>
</span>
</p>

Не могу найти решение, как скрыть первый диапазон (работает как метка), если второй диапазон (значения) пуст.

Код используется для создания печатной формы страницы.

Answer 1

<p class="left" style="margin-top: 0.5em;">
<span class="left hideIfSpanEmpty">8. 1. pamatslimība</span>
<span style="float: right">
    <i data-openehr-field="/content[at0001]/items[lv.softdent.clinical::openEHR-EHR-ADMIN_ENTRY.izraksts.v1]/data/items[at0105]/items[at0106]" data-openehr-text-as-value="false" data-openehr-value-transformer="transformIcdTextToOnlyText"></i>
    <span data-openehr-field="/content[at0001]/items[lv.softdent.clinical::openEHR-EHR-ADMIN_ENTRY.izraksts.v1]/data/items[at0105]/items[at0106]" data-tmpl="#square" data-openehr-text-as-value="true"></span>
</span>
</p>

нашел решение с помощью JavaScript

<script type="text/javascript">
function hideIfNextEmpty(el) {
  var text = 'textContent' in document ? 'textContent' : 'innerText';
  if (el.nextElementSibling[text].replace(/\s/g, '').length === 0) {
      el.style.display = 'none';
  }
}

var elements = document.getElementsByClassName("hideIfSpanEmpty");

for (var i = 0; i < elements.length; i++) {
hideIfNextEmpty(elements[i]);
}
</script>