更改div – jQuery的内容

前端之家收集整理的这篇文章主要介绍了更改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方法来附加处理程序。

猜你在找的CSS相关文章