更改div – jQuery的内容

当单击某个LINKS时，如何更改此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事件，并使用 .html方法更改div的内容：

$('.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方法来附加处理程序。