如何在单击时隐藏div并在另一个中更改html

Question

我有一个简单的请求（仍在学习javascript）。 我下面有一个标题div和3个div（每个内部都有一个锚标记）。 基本上我想要的是，当您单击某个锚标记时，该特定的锚标记应隐藏（实际上是其父div），并且上面的Title div中的文本应更改。 我怎样才能做到这一点？ 参见过度简化的示例 。

Answer 1

试试这个-http://jsfiddle.net/gGAW5/54/

$(document).ready(function() {
    $("a").click(function() {
        $("#myTitle").html( $(this).html() );
        $(this).hide();
    });
});

Answer 2

您正在混合使用jQuery DOM访问和纯DOM访问，这将引起一些问题。 使用$('#id')选择器代替document.getElementById（'blah'）;

要使div在单击时消失：

$('#mydiv').click(
    function()
    {
        $(this).hide();
        $('#otherdiv').html('new html');
    }
);

Answer 3

不确定这是您在寻找Check demo的内容 。

您正在将JavaScript与jquery混合使用。 您可以通过这样的方式隐藏元素

$(this).hide();