JSFiddle - React, Tailwind, and code Playground

by j08691

HTML

<ul>
  <li data-column="3" class="parent">
    <span class="childTitle">Lorem Ipsum</span>:
    <span class="childValue"><!—child value-->x<!—child value--></span>
  </li>
  <li data-column="3" class="parent">
    <span class="childTitle">Lorem Ipsum</span>:
    <span class="childValue"></span>
  </li>
  <li data-column="3" class="parent">
    <span class="childTitle">Lorem Ipsum</span>:
    <span class="childValue"><!—child value--><!—child value--></span>
  </li>
</ul>

JavaScript

$('span.childValue').each(function() {
  if ($(this).is(':empty')) $(this).parent().hide();
})