JavaScript 语句被标记为不是函数？

Question

我在 block 内有一个 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 is not a function”，如果我将 .querySelector 语句放在 if 中，也会出现这种情况 和 else 没有函数。

这里声明 JS 函数的正确方法是什么？

Answer 1

querySelector是一个原生 DOM 操作函数，您正尝试在 jQuery 对象上调用它，而 jQuery 对象没有此函数。

您将想要使用 .find()在这里，或者干脆放弃 jQuery。