Hi everyone, Thanks for everyone who responded for my previous queries. Here is an assignment which I feel challenging for our for our jquery guys. for table with 500 rows. I don't want to use any plugin for this.
Well the task is when we type some thing in a text box it has to show only those rows which has the value typed in textbox in one coloumn. For ex. consider a table with id "example" <table id="example"> <tbody> <tr><td> blah vijay</td></tr> <tr><td> blah victor</td></tr> <tr><td> blah avinash</td></tr> <tr><td> blah steven/td></tr> <tr><td> blah russell</td></tr> <tr><td> blah suresh</td></tr> </tbody> </table> So, when I type in "vi" in text box only rows that has vijay,victor,avinash should be shown, remaining should be hidden since all of them has Vi in their names. I did it in this way, let id of text box be textId $("#textId").keyup(function(){ var val=$("#textId").val(); // which gives value typed in textbox $("#example tbody tr td.name").each( function() { if( $(this).html().indexOf("val") == -1) { $(this).hide(); } else $(this).show(); }); }); This works fine but it's taking 2 secs to do for table with 500 rows. Is there any better way to do this. Any staright help is appreciated. Thanks in advance. -- View this message in context: http://www.nabble.com/hide-table-rows-when-we-type-in-text-box-tf4294139s15494.html#a12224030 Sent from the JQuery mailing list archive at Nabble.com.