javascript - 每次我按下按钮时，jQuery都会阻止添加倍增

您好，我用jquery调用了json数组，每次按下按钮时，它应该重新加载列表，而不是相乘。

[{"denumire":"Q Club"},{"denumire":"Carul cu Flori"},{"denumire":"La Rocca"}]

和我的jQuery脚本

<script>
$(".filtru").click(function(e){
    e.preventDefault();
    var href = $(this).attr(\'href\');
    $.getJSON(href, function(data) {
                        /* data will hold the php array as a javascript object */
                        $.each(data, function(key, val) {
                                $("#restaurant").append(\'<li id="\' + key + \'">\' + val.denumire + \'</li>\');
                        });
                });
});
</script>

最佳答案

在添加DIV之前先清空它：

function (data) {
    $("#restaurant").empty();
    $.each(data, function(key, val) {
        $("#restaurant").append(\'<li id="\' + key + \'">\' + val.denumire + \'</li>\');
    });
}