Question

如何只附加一次文字？

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

});

主意：

使用.lenght()

Answer 1

它将删除前一个元素并添加新元素

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

OR

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

Answer 2

您可以使用全局bool变量作为标志。如果flag为true，则放置条件，因为其初始值为true，然后执行追加。从true追加false后，将标志设置为false。

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

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

Answer 3

您可以在设置事件之前将布尔标志设置为true。在追加检查flag的值为true之前。如果是，则追加并将标志设置为假

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

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

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

});

Answer 4

设置一个标记以便为您记住：

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

    if(amount > 399) {
        if (!appended) {
            $("#precontract").append("<b>Appended text</b>");
        }
        appended = true;
    } else {
         $("#precontract").empty();
         appended = false;
    }
});

Answer 5

每个人都说要设置标志，但你想要长度在这里

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

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

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

});

什么!!!

Answer 6

首先确定有多少个孩子

    <div class="parent">
       <div class="child-one"></div>
       <div class="child-two"></div>
    </div>
    <button class="append">Append</button>

第二步是通过下面的代码验证您可以做多少个孩子

$('.append').click(function(){

  if($(.parent).children().length == 2)
   {

   }

});

jQuery - 只附加一次文本

6 个答案: