javascript - 如何取消 JS 函数？

Question

我目前正在尝试创建一个有效的过滤器按钮。下面的脚本允许我根据选择的过滤器选项来过滤列表。

我想添加一个清除按钮，用于清除应用的过滤器。最好是取消相应的功能。

有什么办法可以做到这一点吗？

谢谢。

$('#filterLevel').change(function(){
  var level = $(this).val();
  $("#listTeachers").find("li").hide()
      $.each($("#listTeachers").find("li"),function(){
          if($(this).data('filtertext')==level)
              $(this).show();

      });
});            

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Filter Panel - County Job Filter -->
<div data-role="panel" id="schoolfilterPanel" data-display="overlay" data-position="left">
    <form id="filterJobs">
    <p class="filterHeader">FILTER</p>
    <h1 class="filterCountyHeader">Teaching Level:</h1>
        <select id="filterLevel" onchange='filterLevel()'><option disabled selected>Select level...</option><option value="Primary">Primary School</option><option value="Secondary">Secondary School</option></select><br>
    </form>
    <button id="clearButton">CLEAR</button>
    </div>
</div>

Answer 1

怎么样:

$("#clearButton").click(function(){
 $("#listTeachers").find("li").show();
});