Question

I am trying to implement a feature where if there are 50 links on a page for example, you start typing in a box and the items start to disappear depending on what you type. It is the same idea of autocomplete but instead of creating a list of possible links, you remove the irrelevant ones from the page.

I am sorry if my explanation is not clear enough, if you need more details please ask me and I will answer in the comments.

Thank you in advance.

Answer 1

var anchors = $('a');

$('#filter').bind('keyup', function () {
  var filterValue = $.trim(this.value);

  anchors.hide().filter(function () {
    return $(this).text().indexOf(filterValue) !== -1;
  }).show();
});

Example