JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
  <div class="title">Title 1</div>
  <div class="text">Apples</div>
</div>

<div class="wrap">
  <div class="title">Title 2</div>
  <div class="text"></div>
</div>

<div class="wrap">
  <div class="title">Title 3</div>
  <div class="text"></div>
</div>

<div class="wrap">
  <div class="title">Title 4</div>
  <div class="text">Butter</div>
</div>

<div class="wrap">
  <div class="title">Title 5</div>
  <div class="text"></div>
</div>

<div class="wrap">
  <div class="title">Title 6</div>
  <div class="text">Charlie</div>
</div>

<div class="wrap">
  <div class="title">Title 7</div>
  <div class="text">Edward</div>
</div>

CSS

.title {
  font-family: sans-serif;
  margin-bottom: 1em;
  font-weight: 900;
}

.wrap {
  border: 1px solid;
  margin-bottom: 1em;
  padding: 0.25em;
}

JavaScript

document.querySelectorAll('.text:empty').forEach((el) => {
	el.parentNode.remove();
  /* el.parentNode.style.display = 'none' */
});