jQuery iFrame 操作答案

【问题标题】：jQuery iFrame manipulationjQuery iFrame 操作
【发布时间】：2009-06-08 15:22:06
【问题描述】：

我在使用 iFrame 时遇到问题。我需要做的是，获取分区 'contents' 的内容，将其显示在 iframe 中，然后仅删除该 iframe 中的所有表单/表单元素。当我使用 $("#form").remove() 时，它会删除 iframe 和窗口中的表单。有人可以帮忙吗？

谢谢。

【问题讨论】：

【解决方案1】：

您可以将 iframe 包装在带有 ID 的 DIV 中，并仅删除其中的表单。你能发布一些代码吗？解决这个问题会更容易。或者只是抓住 iframe（虽然我不确定它是否会工作，还没有测试过）。

$("iframe").find("#form").remove();

【讨论】：

【解决方案2】：

两个表单是否具有相同的 id (#form)？

给它们单独的 ID（例如：<form id="inner"> 和 <form id="outer">），您应该能够单独定位它们：$(#inner).remove()

【讨论】：

两个表单具有相同的 id，因为它们是相同的表单。我只是获取 $("#content").html()，并将其写入另一个框架。现在我需要单独操作那个框架，而不影响父窗口

【解决方案3】：

我不知道它在 jQuery 中，但我认为这在 strait javascript 中可能会对你有所帮助。

var forms = document.getElementById('iframe_id').getElementsByTag('form')
for (var form in forms) {
    forms[form].parent.removeChild(forms[form])
}

免责声明：我没有测试过这段代码，但经过一些调试，它应该可以工作......最终。我只是把它放在这里，这样你也许可以猜到你需要做什么。

也许你需要的 jQuery（现在我只是猜测）是这样的：

$('iframe_id').('#form').remove()

或者也许 dlabaeb 的代码已经发布了。

【讨论】：