Заявления JavaScript помечены как не функции?

Question

У меня есть оператор JavaScript if..else внутри блока, чтобы скрыть или показать две кнопки:

/* Toggle Revert or Complete buttons based on order status */

if (!status1 || status2 == "wc-completed" ) { // Status check working
  (function() {
    $(document.getElementById(idDIVOrder)).querySelector('form.complete-order-cred').style.visbility = "hidden";
    $(document.getElementById(idDIVOrder)).querySelector('form.revert-order-cred').style.visbility = "show";
  })();
} else if (!status1 || status2 == "wc-processing" ) {
  (function() {
    $(document.getElementById(idDIVOrder)).querySelector('form.revert-order-cred').style.visbility = "hidden";
    $(document.getElementById(idDIVOrder)).querySelector('form.complete-order-cred').style.visbility = "show";
  })();
} else {
  console.log("Hide or display buttons not working! Order has a status of " + status1 + " and " + status1);
}

Я получаю сообщение об ошибке "Uncaught TypeError: $ (...). QuerySelectorне является функцией ", что также происходит, если я помещаю операторы .querySelector внутри if и else без функций.

Какой правильный способ объявления функций JS здесь?

Answer 1

querySelector - это встроенная функция манипулирования DOM, вы пытаетесь вызвать ее для объекта jQuery, у которого нет этой функции.

Вы захотитеиспользуйте .find() здесь или просто откажитесь от jQuery.