Change content of div - jQuery

Question

How is it possible to change the content of this div, when one of the LINKS is clicked?

<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> 

Answer 1

You could subscribe for the .click event for the links and change the contents of the div using the .html method:

$('.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; }); 

Note however that if you replace the contents of this div the click handler that you have assigned will be destroyed. If you intend to inject some new DOM elements inside the div for which you need to attach event handlers, this attachments should be performed inside the .click handler after inserting the new contents. If the original selector of the event is preserved you may also take a look at the .delegate method to attach the handler.