我有兩個列表，我添加了 jQuery 過濾器來搜索用戶。此外，一旦您單擊用戶，它就會從一個列表中刪除并添加到另一個列表中。一切正常，但是當我搜索附加用戶無法正常工作的列表時，我遇到了一個問題。假設我從第一個列表中刪除了“Denis”，然后將其附加到第二個列表中。當我搜索第二個列表時，即使我搜索不同的東西，“Denis”也一直可見。$('.list div').click(function() {  const $list = $(this).closest('.list');  const $targetList = $('.list').not($list);  const $user = $(this);  // Remove user from one list and add it to another  $($user).prependTo($targetList);  // Animate user   $($user).css({    'border': '3px solid rgba(74, 144, 226, .5)'  });  return setTimeout((function() {    $($user).css({      'border': '3px solid #ffffff'    });  }), 1000);});const filterThroughUsers = (input, listItems) => $(input).on('keyup', function() {  const value = this.value.toLowerCase().trim();  $(listItems).show().filter(function() {    return $(this).text().toLowerCase().trim().indexOf(value) === -1;  }).hide();});const $groupMembersSearch = $('input.search-group-members');const $groupMembersItems = $('.group-members div');const $allUsersSearch = $('input.search-all-users');const $allUsersItems = $('.all-users div');// Filter through group membersfilterThroughUsers($groupMembersSearch, $groupMembersItems);// Filter through all usersfilterThroughUsers($allUsersSearch, $allUsersItems);.container {  display: flex;  justify-content: space-between;  .left,  .right {    flex-basis: 45%;    border: 1px solid gray;    padding: 20px;    input {      width: 100%;      padding: 5px 16px;      margin-bottom: 30px;    }    div {      border: 3px solid #FFF;    }  }}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><div class="container">  <div class="left">    <input type="search" placeholder='Search group members' class="search-group-members">    <div class="group-members list">      <div>Denis</div>      <div>John</div>      <div>Simon</div>      <div>Elton</div>      <div>Amelia</div>    </div>  </div>