如何避免多次追加

Question

$('.btn-default').click(function()
{
    var foldername = $('#file_title').val();
    $.post ('<?php echo  base_url(); ?>ClientCont/List_Files/inserttitle',{
        file_title:foldername
    },function(data){
        console.log(data);
    if(data['exist']== true ){
        if($('#notifme').length != 0){
            $('#notifme').append("Folder name already exist!");
            $('#notifme').show();
        }
    },'json');
}); 

只是想問一下，上面的代碼用於創建一個文件夾（如果該文件夾存在），我將通知用戶該文件夾已經在數據庫中，但是如果用戶多次單擊該按鈕，則會追加執行多次。 請幫助避免#notifme是我的ID名稱，以表示感謝

Answer 1

您可以使用html（）代替append（）

$('#notifme').html("Folder name already exist!");

Answer 2

append()方法在所選元素的末尾插入指定的內容，即，它繼續在每個事件上添加內容。 html( htmlString )設置匹配元素集中每個元素的HTML內容，即它將用提供的html字符串替換所選元素的html。 text( text )將匹配元素集中每個元素的內容設置為指定的文本，即它將替換所選元素的內容。 因此，您可以使用html( htmlString )或text( text )來設置element中的內容。

 $('button').on('click', function(){ $('#notifme1').text("This is set by text()"); $('#notifme2').html("<b>This is set by html()</b>") }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="notifme1"> </div> <div id="notifme2"> </div> <button>Click me</button>