Javascript js在搜索时删除JQuery数据

我正在尝试使用List.js制作一个过滤器，以便在我的表中搜索，该表已经用JQuery填充

演示：

例如： 下面的所有“项”都用JQuery填充。当我开始搜索List.js时，会删除与输入不匹配的数据。但当我清除searchinput时，数据不会返回，因为它已被删除

是否仍有“保存”数据的方法

谢谢

HTML

制作

Javascript

var makeOptions = {valueNames: ['make']};
var makeList = new List('makes', makeOptions);



$('.clickable-table-row').on('click', function () {
    var id = $(this).data('vehicle-id');
    $('#make-table-body').empty();
    $.get('/api/get/makes/by' + '/' + id, function (data) {
        $.each(data, function (i, object) {
            var tr = createTableRow('make-id', object.id);
            var td = createTableData('make', object.name);
            $('#make-table-body').append(tr.append(td));
        });
    });
});

function createTableRow(data_attribute, attribute_value) {
    return $('<tr></tr>').addClass('clickable-table-row').attr("data-" + data_attribute, attribute_value);
}

function createTableData(className, value) {
    return $('<td></td>').addClass(className).text(value);
}

var makeOptions={valueNames:['make']}；
var makeList=新列表（'makes'，makeOptions）；
$（'.clickable table row'）。在（'click'，函数（）{
变量id=$（this）.data（'vehicle-id'）；
$（“#生成表体”）.empty（）；
$.get（'/api/get/makes/by'+'/'+id，函数（数据）{
$.each（数据、函数（i、对象）{
var tr=createTableRow（'make-id'，object.id）；
var td=createTableData（'make'，object.name）；
$（'#make table body'）.append（tr.append（td））；
});
});
});
函数createTableRow（数据属性、属性值）{
返回$（''）.addClass（'clickable-table-row'）.attr（“数据-”+数据属性，属性值）；
}
函数createTableData（类名、值）{
返回$（''）.addClass（className）.text（value）；
}

解决方案是在动态加载完成后创建一个新列表

见：

---

对但是我们需要查看您的代码来帮助您。

var makeOptions = {valueNames: ['make']};
var makeList = new List('makes', makeOptions);



$('.clickable-table-row').on('click', function () {
    var id = $(this).data('vehicle-id');
    $('#make-table-body').empty();
    $.get('/api/get/makes/by' + '/' + id, function (data) {
        $.each(data, function (i, object) {
            var tr = createTableRow('make-id', object.id);
            var td = createTableData('make', object.name);
            $('#make-table-body').append(tr.append(td));
        });
    });
});

function createTableRow(data_attribute, attribute_value) {
    return $('<tr></tr>').addClass('clickable-table-row').attr("data-" + data_attribute, attribute_value);
}

function createTableData(className, value) {
    return $('<td></td>').addClass(className).text(value);
}

  makeList = new List('makes', makeOptions); // solved the problem