Is there an easy way to remove items from a page depending on what I write in a textbox (similar to autocomplete)?

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 inst开发者_JAVA百科ead 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.

---

var anchors = $('a');

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

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

Example

---

$(".selector-for input").keyup(function(){
  var text = this.value;
  $(".selector-for a").each(function() {
    var it = $(this);
    it.text().indexOf(text) < 0 ? it.hide() : it.show()
  });
});

---

Try using this.Call this function in your 'onKeyUp' event of the textbox

 function hideFiltered(){
    var text=$("#textbox").val();
    var links=$('a[name="linksToHide"]');

    for(var i=0;i<links.length;i++){
    link=links[i];
    if(link.html().indexof(text)>0){
    link.hide();
    }else{
    link.show();

    }

    }


    }



    }