jquery replaceWith由于某种原因不起作用

Question

我有一个非常简单的代码，用于在点击(#form1)时更改一个图像(#form2)与另一个#third，这似乎不起作用。

我想也许是因为我之前已经使用过$(document).ready但现在我正在阅读它可以好几次使用它。

那有什么不对？有人可以帮助我吗？

我的代码：

$(document).ready(function(){ 
    $("#form2").hide();
      $("#third").click(function() { 
        $("#form1").replaceWith("#form2");
      });
    }); 

Answer 1

将元素传递给.replaceWith()，而不是选择器字符串：

$("#form1").replaceWith($("#form2"));
//                      ^^        ^ was missing

.replaceWith()的参数可以是HTML字符串，DOM元素或jQuery元素，但它永远不应该像你一样是选择器字符串。

Answer 2

因为您使用不使用对象的字符串替换表单

$("#form1").replaceWith($("#form2"));