javascript - 单击该链接时替换链接的文本区域

Question

我想做与stackoverflow上的“添加评论”效果完全相同的事情。当用户单击链接（或按钮）时，我发现了很多关于如何打开文本区域（但它是弹出窗口）的信息，但我找不到这样做的方法：

当用户点击“Inscription by email”时

<div class="end-right-zone">
    <p>Inscription by e-mail</p>
</div>

该区域被通过电子邮件注册所需的各种信息所取代：

<div class="inscription-by-email-deployed">
    <p>first name</p>
    <p>last name</p>
    <p>email</p>
</div>

我没有开发太多示例，因为它与stackoverflow上的“添加评论”效果完全相同。先感谢您

Answer 1

你想要这样的东西，也许（使用jQuery）？

$(".end-right-zone p").click(function() {
    $(".end-right-zone").html($(".inscription-by-email-deployed").html());
});

或者，如果您想完全替换 .end-right-zone，请尝试以下操作：

$(".end-right-zone p").click(function() {
    $(".end-right-zone").replaceWith($(".inscription-by-email-deployed"));
});