JQuery ReplaceWith() 函数 -- Table

Question

我是 JQuery 的新手，我似乎无法让我的 replaceWith() 函数按照我想要的方式运行。

目标： 将按钮 (button1) 替换为表单 table (table1)。我将 button1 放在主内容持有者 div（我的包装器）内它自己的 div 内。 Table1 是隐藏的，但也在它自己的 div 中，就在页面的其他地方。

我在尝试什么：

$(document).ready(function(){     
    $("#button1").click(function(){
    $("#buttondiv").replaceWith("#tablediv").show;
    });
});

Answer 1

您可以在点击处理程序中使用 this 来引用被点击的 #button1 元素。试试这个：

$("#button1").click(function() {
    var $table = $('#table1').show();
    $(this).replaceWith($table1);
});