javascript实现的搜索查询功能

使用方法

var searchUsers = document.querySelector('#search-users'),
    users = document.querySelectorAll('.user'),
    usersData = document.querySelectorAll('.user-data'),
    searchVal;

searchUsers.addEventListener('keydown', function() {
  searchVal = this.value.toLowerCase();

  for (var i = 0; i < users.length; i++) {
    if (!searchVal || usersData[i].textContent.toLowerCase().indexOf(searchVal) > -1) {
      users[i].style['display'] = 'inline-block';
    }
    else {
      users[i].style['display'] = 'none';
    }
  }
});