Jquery 基于iframe中输入字段的更改隐藏div

我在Square工作。我正在使用SqPaymentForm。这将在iframe中生成表单字段。我需要访问iframe中输入字段的id来检查onchange或on，这样我就可以隐藏我正在使用的div标记以查找错误

我尝试了以下代码来隐藏div，但它没有任何作用：

$('#sq-card-number').on(function(){
    $('#cardNumber').hide();
 }

试一试

---

可以使用以下代码访问iFrame中的DOM元素：

$document.readyfunction{ var iFrameDOM=$iframeframeID.contents； iFrameDOM.find'cardNumber'。隐藏； };

---

注意：用iFrame ID替换frameID

是否尝试更改函数？然后将其更改为$'element'。在'change'上，函数{alert this.value；}

$(document).on('change', '#sq-card-number', function() {
  $('#cardNumber').hide();
});

if (document.getElementById("sq-card-number").value === "something") {
   $('#cardNumber').hide();
} else {
   $('#cardNumber').show();
}