搜索过滤器不断搜索所有类别的 Jquery

Question

我是一个完全的新手，我有点被困在这里。我正在下面进行此搜索。

问题是我可以使用选择选项过滤掉类别。但我不能只在选定的类别中进行搜索。搜索总是寻找一切div's与.visible连接。我知道我必须删除.visible从div's那些不属于所选类别，但我的想法说出来。

有人可以在这里帮助我吗？

链接到小提琴

 $("#searchInput").on("keyup", function() {

    var value = $(this).val().toLowerCase();

    $("#searchFilterDiv div.CompanyDirectoryItem.visible").filter(function() {

      $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)

    });

    console.log(value);

});

//Filter studyFields

$('select#studyselector').change(function() {

    var filter = $(this).val()

    filterList(filter);

   console.log(filter);

});

//News filter function

function filterList(value) {

    var list = $("#searchFilterDiv div.CompanyDirectoryItem.search-results-box-item");

    $(list).fadeOut("fast");

   

        $("#searchFilterDiv").find("div.CompanyDirectoryItem.search-results-box-item[data-name*=" + value + "]").addClass('visible').each(function (i) {

            $(this).delay(200).slideDown("fast");

        });

    //}

}

  if($('.CompanyDirectoryItem.visible').length===0){

        $('.error').show();

      }else{

        $('.error').hide();

      }