javascript - クリック時にdivを非表示にして、別のhtmlに変更する方法

Question

簡単なリクエストがあります（まだjavascriptを学んでいます）。タイトル div とその下に 3 つの div (それぞれにアンカー タグがある) があります。基本的に私が望むのは、アンカー タグの 1 つをクリックすると、その特定のアンカー タグ (実際にはその親 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

これがあなたが探しているものかどうかわからないデモを確認してください。

javascript と jquery を混在させています。このようなもので要素を非表示にすることができます

$(this).hide();