从选项中过滤列中的数据使用 jQuery

Question

我使用过滤，但我有问题，我有 4 个选项输入，其中我有一些数据需要在表中过滤，现在我只过滤一列的数据，但问题是我是否会再添加一个过滤器，脚本将不起作用，并从最后选择的值过滤数据。但是如果我在选项数据中有 2-4 个选定的值，我需要过滤。

我的代码：JS：

$("#cancelFilters").hide();

$('#filterButton').click(function () {
    getSelectedVal()
    filterData()
    filters = [];
    $("#cancelFilters").fadeIn();
});

var filters = [];

function getSelectedVal() {
    var materialCode = $('#materialCode option:selected').text()
    var plantCode = $('#plantCode option:selected').text()
    var vsCode = $('#vsCode option:selected').text()
    var status = $('#statusCode option:selected').text()

    applyFilter(materialCode, 1)
    applyFilter(plantCode, 2)
    applyFilter(vsCode, 3)
    applyFilter(status, 4)
}

function applyFilter(value, id) {
    if (value)
        filters.push('.column' + id + ':contains(' + value + ')');
}


function filterData() {
    if (filters.length > 0) {
        var rows = $("#orderListData").find("tr").hide();

        filters.forEach(filter => {
            $("#orderListData td" + filter).parent().show();
        })

    }
}

$('#cancelFilters').click(function () {
    var $rows = $('#orderListData tr');
    $rows.show()
    $("#cancelFilters").fadeOut();
});

JSFIddle - https://jsfiddle.net/qunzorez/k3ygL07f/11/

因此，如果选择3号U将chosse 023和自来水中添加过滤器它的工作，但如果我chosse 023和期权数量的4 BOOKED它会过滤仅预订状态，哪里的问题？