Скрыть div, когда другой div пуст

Question

Я знаю, что этот вопрос задавался в других темах, но по какой-то причине я не могу заставить этот код работать на моем сайте WordPress.

if ($(".objectA").html().length == 0) {
  $("#objectB").hide();
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="objectA"></div>
<div id="objectB">hide this div</div>

Я действительно не понимаю, почему #objectB не скрыт на моей странице.Когда я проверяю код с помощью инструментов разработчика, я вижу, что он там есть.

Answer 1

попробуйте добавить функцию готовности документа.нажимать не нужно, документ готов к работе после загрузки страницы.

$( document ).ready(function() {
   if ($(".objectA").html().length == 0) {
       $("#objectB").hide();
   }
});

Answer 2

Еще немного погуглив, я сам нашел решение.

WordPress не принимает только if($ ... Ему нужно jQuery(function ($) { перед функцией.Как это:

jQuery(function ($) {
    if($(".empty-div").html().length ==0)
    {
    $("#deals-wrapper, .listing-details li.vc_tta-tab:nth-child(n+3):nth-child(-n+3)").hide();
    }
});

Answer 3

Попробуйте заменить:

if ($(".objectA").html().length == 0) {
    $("#objectB").hide();
}

На:

if (!$(".objectA").html()) {
    $("#objectB").hide();
}