Search code examples
jquery

jQuery - append text only once


How to append text only once?

$("#dynamic_loan_amount").change(function(){
    var amount = $('#dynamic_loan_amount').val();        
    console.log(amount);

    if(amount > 399) {
        $("#precontract").append("<b>Appended text</b>");
    }

    else {
         $("#precontract").empty();
    }

});

idea:

use .lenght()


Solution

  • It will remove the previous element and added new element

    if(amount > 399) {
            $("#precontract").html("<b>Appended text</b>");
        }
    

    OR

     $("#precontract").empty().append("<b>Appended text</b>");