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

时间:2012-05-17 14:07:51

标签: javascript html css

我想对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上的“添加注释”效果完全相同。提前谢谢

1 个答案:

答案 0 :(得分:5)

你想要这样的东西,也许(使用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"));
});