jquery - 如何禁用 iframe 中的文本框

Question

场景:一个名为 index.html 的大页面，一切都发生在这里。 索引有 10 个选项卡(jquery ui 选项卡)。使用 jquery ui 的 Accordion 小部件，每个选项卡现在平均有 3-5 个子类别(我被拒绝张贴图片作为垃圾邮件预防，但我希望您了解布局的样子)。这就是问题开始的地方。一个 iframe 驻留在所有这些中，所以我正在查看 25-30 个 iframe，每个 iframe 中有大约 5-10 个文本字段。我想要做的只是简单地启用/禁用这些文本字段。

很简单，我知道这可以通过以下方式完成:

$('input[type=text]').attr("disabled", "disabled");

$('input[type=text]').removeAttr("disabled")

索引上的按钮触发函数:

 $(".frameClass").each(function () {
                console.log("i found a frame called " + this.name);
});

我如何为所有输入文本字段建立这种连接，以便在单击时启用？我什至尝试在 iframe 中创建一个函数并尝试从 .each()

中调用它

this.unlockFields();

没有让我到任何地方，有什么想法吗？

Answer 1

您必须使用 .contents() 来访问 iframe 中的元素，如下所示:

$(".frameClass").each(function () {
     $(this).contents().find('input[type=text]').attr('disabled', 'disabled');
});

如果 iframe 包含一个与主页位于同一域的页面，那应该可以满足您的需求。