js中使用append()方法，避免出现重复追加的方法

场景：

触发点击按钮事件后，开始用append()加载列表，并且显示列表。如图1：

问题：

多次点击按钮出现重复列表的情况。

解决办法：

在点击事件加载列表之前，先使用empty()方法移除元素的的所有子节点和内容 。

示例代码：

$("#add").click(function () {
    	$("#list_id").empty();
        for(let i of array){
        $("#list_id").append("<tr>" + i + "</tr>");
     }
});