使用jquery创建每个函数的iframe

Question

我需要为页面上的每个输入创建一个iframe，但它们都必须位于不同的变量中。因此，iframe的变量必须是输入的名称。

我尝试了这个，但它不起作用：

$("input").each(function () {

         var name = $(this).attr("name");

name = document.createElement("iframe");name.src = "";name.name = "focus";document.body.appendChild(name);
    });

这是我原来工作的iframe创建代码：

var focus = document.createElement("iframe");focus.src = "";focus.style.display = "none";focus.name = "focus";document.body.appendChild(focus);

我使用attr()输入了名称。我想根据输入名称创建一个iframe。在那之后，例如，我将能够通过INPUTNAME.src

重定向它

如何根据输入名称创建特定的iframe？

Answer 1

您将获得<input>的名称，但之后会立即覆盖它。此外，既然你正在使用jQuery，用它创建元素会更容易：

$('input').each(function() {
  $('body').append($('<iframe/>', {
    src: "",
    name: this.name
  });
});