Ändern Sie den Inhalt von div - jQuery

Wie ist es möglich, den Inhalt dieses Div zu ändern, wenn auf einen der LINKS geklickt wird?

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

Sie können das .click-Ereignis für die Links abonnieren und den Inhalt des div mithilfe der folgenden .htmlMethode ändern :

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

Beachten Sie jedoch, dass der von Ihnen zugewiesene Klick-Handler zerstört wird, wenn Sie den Inhalt dieses Div ersetzen. Wenn Sie beabsichtigen, einige neue DOM-Elemente in das div einzufügen, für das Sie Ereignishandler anhängen müssen, sollten diese Anhänge nach dem Einfügen des neuen Inhalts im .click-Handler ausgeführt werden. Wenn die ursprüngliche Auswahl des Ereignisses erhalten bleibt, können Sie sich auch die .delegateMethode zum Anhängen des Handlers ansehen .

Es gibt 2 jQuery-Funktionen, die Sie hier verwenden möchten.

1) click . Dies nimmt eine anonyme Funktion als einzigen Parameter und führt sie aus, wenn auf das Element geklickt wird.

2) html. Dies verwendet eine HTML-Zeichenfolge als einzigen Parameter und ersetzt den Inhalt Ihres Elements durch den bereitgestellten HTML-Code.

In Ihrem Fall möchten Sie also Folgendes tun:

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

Wenn Sie Ihrem div nur Inhalte hinzufügen möchten , anstatt alles darin zu ersetzen, sollten Sie Folgendes verwenden append:

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

Wenn Sie möchten, dass die neu hinzugefügten Links beim Klicken auch neuen Inhalt hinzufügen, sollten Sie die Ereignisdelegierung verwenden :

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

Sie können das gleiche mit replacewith () versuchen

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

Die .replaceWith()Methode entfernt Inhalte aus dem DOM und fügt mit einem einzigen Aufruf neue Inhalte an ihrer Stelle ein.

Versuchen Sie dies, um den Inhalt von div mit jQuery zu ändern.

Weitere Informationen @ Inhalt von div mit jQuery ändern

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

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

Versuchen $('#score_here').html=total;