当单击某个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
方法来附加处理程序。