Question

我正在编写一个javascript代码，用户应该能够搜索维度元素，这些元素会显示在＆＃34;弹出窗口中。带桌子的窗户。

显示数组中元素的代码如下所示：

$element.find("#myInput").on("qv-activate", function (){
    let elemList = [];

    self.backendApi.getData(requestList).then(function (dataPages) {
        let elem = dataPages[0].qMatrix;

        for(let i = 0; i < elem.length; i++){
            elemList.push(elem[i][0].qText);
        }


        $(document).ready(function () {
            $("#myInput").on("keyup", function () {
                var value = $(this).val().toLowerCase();

                for (var i=0; i<elemList.length; i++) {
                    if (elemList[i].toLowerCase().indexOf(value) >= 0){

                        $element.find('#searchTable').prepend('<tr><td id="searchElem">' + elemList[i] + '</td></tr>');
                    }
                }
            });
        });
    })
})

唯一的问题是，当我使用搜索栏时，它会多次显示该元素。有没有办法我可以确定，.prepend（）仅在它与之前的值不同时才会预先设置？一些;如果元素值与之前的前置值相同，那么不要预先添加？

希望它有意义，你有解决我的问题的方法。谢谢！

Answer 1

不要在第二个for循环中调用prepend，而是创建一个新数组并将elemList[i]附加到该数组。

然后使用"Get all unique values in an array (remove duplicates)"中的解决方案从阵列中删除重复项。例如，如果values是您的新数组：

function onlyUnique(value, index, self) { 
    return self.indexOf(value) === index;
}
values = values.filter(onlyUnique);

最后，遍历新阵列并在每个阵列上调用prepend。

如何防止在表格中打印两个相同的元素？

1 个答案: