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

Text area replacing a link when clicking on that link

本文关键字：链接 文本 区域 替换 单击      更新时间：2023-09-26

我想做与堆栈溢出上的"添加注释"效果完全相同的事情。当用户单击链接（或按钮）时，我找到了很多有关如何打开文本区域（但它是一个弹出窗口）的信息，但我找不到执行此操作的方法：

当用户点击"通过电子邮件进行铭文"时

<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>

我没有开发太多示例，因为它与堆栈溢出上的"添加注释"效果完全相同。提前谢谢你

你想要这样的东西吗，也许（使用 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"));
});
相关文章：