如何使用jquery隐藏dataTable中的li元素

Question

我想根据被选中的复选框（隐藏已完成）隐藏黑名单项目，并仅显示红色列表项目。如果连续没有红色，则应隐藏整行。如果一行中没有列表项，则该行也应该隐藏。

此外，根据列表中项目的数量，应更新表格度量标准。例如，如果我隐藏了所有黑色项目，则完成的项目应显示为0，缺失项目将为1。

如何使用jquery执行此操作？

这是一个小提琴： （https://jsfiddle.net/skb25/ezvps3hL）

$(document).ready(function () {
    var otable = $('#table_id').DataTable({
        "paging": true
    });
    $('a.toggle-vis').on('click', function (e) {
        e.preventDefault();
        // Get the column API object
        var column = otable.column($(this).attr('data-column'));
        // Toggle the visibility
        column.visible(!column.visible());
    });
    var hideParamNode = document.getElementById('hideParam');
    hideParamNode.addEventListener('change', function (event) {
        hideParameterization(hideParamNode);
    })

    function hideParameterization(hideParamNode) {
        var pElems = document.getElementsByClassName('paramName');
        if (hideParamNode.checked) {
            Object.keys(pElems).forEach(function (key) {
                pElems[key].style.display = "none";
            })
        } else {
            Object.keys(pElems).forEach(function (key) {
                pElems[key].style.display = "";
            })
        }
    };
});