Check an element for the presence of a specific child and hide the parent if the element is not found?

Question

JavaScript

Hello, I have this code:

<section class="main-text">
  <div class="container">
    <div class="row">
      <h3>Заголовок</h3>
    </div>
  </div>
</section>

How can I use jquery to check the .main-text section for the presence of h3 in it, and make the .main-text section hidden if it does not have an h3 header.
I sketched the code, but apparently something is wrong:

if ($(".main-text:not(:has(.children(h3)))") ) {
    $(".main-text").hide();
  };

Answer 1

if .main-text and h3 are in a single instance, then you are too smart

if ($(".main-text h3").length ==0 ) {
    $(".main-text").hide();
  };