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

Question

我有一个简单的请求（仍在学习 javascript）。我在它下面有一个标题 div 和 3 个 div（每个里面都有一个锚标记）。基本上我想要的是，当您单击一个锚标签时，该特定的锚标签应该隐藏（实际上是它的父 div），并且上面的标题 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

不确定这是您要查找的内容检查演示。

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

$(this).hide();