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是我的警报名称，我的警报谢谢

Answer 1

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

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

Answer 2

append()方法在所选元素的末尾插入指定的内容，即它继续在每个事件上添加内容。 html( htmlString )设置匹配元素集中每个元素的HTML内容，即它将用提供的html字符串替换所选元素的html。并且text( text )将匹配元素集中的每个元素的内容设置为指定文本，即它将替换所选元素的内容。因此，您可以使用html( htmlString )或text( text )来设置元素中的内容。

$('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>

如何避免多次追加

2 个答案: