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

Question

我有一个简单的请求（仍在学习javascript）。我有一个标题div和3个div（每个内部都有一个锚标签）。基本上我想要的是，当你点击其中一个锚标签时，那个特定的锚标签应该隐藏（实际上是它的父div），并且上面标题div中的文本应该改变。我怎样才能做到这一点？请参阅overly simplified example。

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();