jQuery -仅追加文本一次

kuhbmx9i  于 2022-11-03  发布在  jQuery
关注(0)|答案(7)|浏览(171)

如何只追加一次文本?

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

rfbsl7qr

rfbsl7qr1#

它将删除以前的元素并添加新元素

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

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

bzzcjhmw2#

仅在追加文本时尝试此操作一次

$(function(){
      $("#dynamic_loan_amount").one("click",function(){
            $(this).append('"<b>Appended text</b>"');
       });
koaltpgm

koaltpgm3#

您可以使用全域bool变数作为旗标。如果旗标为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();
    }    
});
332nm8kg

332nm8kg4#

您可以在设置事件之前将布尔标志设置为true。在附加之前,请检查标志的值是否为true。如果是,则附加并将标志设置为false

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

});
vawmfj5a

vawmfj5a5#

设置一个标志来为您记住它:

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;
    }
});
hgtggwj0

hgtggwj06#

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

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

});

什么!!!

q8l4jmvw

q8l4jmvw7#

首先确定有多少孩子

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

   }

});

相关问题