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

Question

我想对stackoverflow上的“添加注释”效果做同样的事情。当用户点击链接（或按钮）时，我发现了很多关于如何打开文本区域的信息（但它是一个弹出窗口），但是我没有办法做到这一点：

当用户点击“电子邮件铭文”

时

<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"));
});