Search Datatable在搜索成功时显示隐藏元素

我有一些默认情况下隐藏的HTML元素，直到用户尝试搜索它。我正在考虑更改元素的类，以显示DataTable搜索何时完成（如果找到）

参考下面我实现搜索的jQuery代码，下一步是什么来显示它的父级还是容器

例如，如果搜索键为c或cc或ccc，在这种情况下如何显示其父项

jQuery

HTML

---

看看这段代码Snipp，迭代隐藏类并提取内部文本，然后比较搜索结果

    $("#txtSearch").on('keyup keypress blur change', function(e) { 

        var val = $(this).val();
        var numItems = $('.hide').length ;

            for(var count = 1; count<=numItems;count++){

                var index = count-1;
                var searchResult = $(".hide:eq("+index+")").text(); 

                if(val.indexOf(searchResult) > -1){

                    $(".hide:eq("+index+")").removeClass("hide").addClass("show");
                }

                else{

                    $(".hide:eq(" + index + ")").removeClass("show").addClass("hide");
                }
            }

        $('#mytable').DataTable().search(val).draw();

    });

<li class="hide">aaa</li>
<li class="hide">bbb</li>
<li class="hide">ccc</li>

    $("#txtSearch").on('keyup keypress blur change', function(e) { 

        var val = $(this).val();
        var numItems = $('.hide').length ;

            for(var count = 1; count<=numItems;count++){

                var index = count-1;
                var searchResult = $(".hide:eq("+index+")").text(); 

                if(val.indexOf(searchResult) > -1){

                    $(".hide:eq("+index+")").removeClass("hide").addClass("show");
                }

                else{

                    $(".hide:eq(" + index + ")").removeClass("show").addClass("hide");
                }
            }

        $('#mytable').DataTable().search(val).draw();

    });