[解決済み] div の内容を変更する - jQuery

質問

リンクがクリックされたときに、このdivの内容を変更することは可能ですか？

<div align="center" id="content-container">
    <a href="#" class="click cgreen">Main Balance</a>
    <a href="#" class="click cgreen">PayPal</a>
    <a href="#" class="click cgreen">AlertPay</a>
</div>

どのように解決するのですか？

リンクの .click イベントを購読し、div の内容を変更するために .html メソッドで変更できます。

$('.click').click(function() {
    // get the contents of the link that was clicked
    var linkText = $(this).text();

    // replace the contents of the div with the link text
    $('#content-container').html(linkText);

    // cancel the default action of the link by returning false
    return false;
});

しかし、この div のコンテンツを置き換えると、割り当てたクリックハンドラは破壊されることに注意してください。div の内部に新しい DOM 要素を挿入してイベントハンドラを追加する場合は、新しいコンテンツを挿入した後に .click ハンドラ内でこのアタッチメントを実行する必要があります。イベントの元のセレクタが保存されている場合は、イベントハンドラ内の .delegate メソッドを使用してハンドラをアタッチすることもできます。