Змінити вміст 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, призначений вами обробник кліків буде знищений. Якщо ви збираєтеся вводити деякі нові елементи DOM всередині div, до яких вам потрібно приєднати обробники подій, ці вкладення слід виконувати всередині обробника .click після вставлення нового вмісту. Якщо оригінальний селектор події збережено, ви також можете поглянути на .delegateспосіб приєднання обробника.

Тут ви хочете використовувати 2 функції jQuery.

1) click. Це буде приймати анонімну функцію як єдиний параметр і виконуватиме її при натисканні на елемент.

2) html. Це прийме html-рядок як єдиний параметр і замінить вміст вашого елемента на вказаний html.

Отже, у вашому випадку ви захочете зробити наступне:

$('#content-container a').click(function(e){
    $(this).parent().html('<a href="#">I\'m a new link</a>');
    e.preventDefault();
});

Якщо ви хочете лише додати вміст до свого div, а не замінювати все в ньому, вам слід використовувати append:

$('#content-container a').click(function(e){
    $(this).parent().append('<a href="#">I\'m a new link</a>');
    e.preventDefault();
});

Якщо ви хочете, щоб нові додані посилання також додавали новий вміст при натисканні, вам слід використовувати делегування подій :

$('#content-container').on('click', 'a', function(e){
    $(this).parent().append('<a href="#">I\'m a new link</a>');
    e.preventDefault();
});

$('a').click(function(){
 $('#content-container').html('My content here :-)');
});

Ви можете спробувати те ж саме з replacewith ()

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

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

.replaceWith()Метод видаляє вміст з DOM і вставки нового контенту на своєму місці за допомогою одного виклику.

Спробуйте це, щоб змінити вміст div за допомогою jQuery.

Докладніше @ Змінення вмісту div за допомогою jQuery

$(document).ready(function(){
    $("#Textarea").keyup(function(){
        // Getting the current value of textarea
        var currentText = $(this).val();

        // Setting the Div content
        $(".output").text(currentText);
    });
});

Спробуйте $('#score_here').html=total;