Filtering Table rows using Jquery

by

Have a look at this jsfiddle.

The idea is to filter rows with function which will loop through words.

jo.filter(function (i, v) {
    var $t = $(this);
    for (var d = 0; d < data.length; ++d) {
        if ($t.is(":contains('" + data[d] + "')")) {
            return true;
        }
    }
    return false;
})
//show the rows that match.
.show();

EDIT: Note that case insensitive filtering cannot be achieved using :contains() selector but luckily there’s text() function so filter string should be uppercased and condition changed to if ($t.text().toUpperCase().indexOf(data[d]) > -1). Look at this jsfiddle.

More Related Contents:

  1. What is the easiest way to disable/enable buttons and links (jQuery + Bootstrap)
  2. MVC 3 jQuery Validation/globalizing of number/decimal field
  3. jQuery.unique on an array of strings
  4. How to use Plugins for PopUp [closed]
  5. How can I disable a button in a jQuery dialog from a function?
  6. How to Handle Button Click Events in jQuery?
  7. JQuery Ajax is sending GET instead of POST
  8. Why does $.getJSON silently fail?
  9. jQuery 1.4.2 VSDoc
  10. Async and document ready
  11. Open YouTube video in Fancybox jQuery
  12. Jquery- Get the value of first td in table
  13. How to use multiple jquery object variables as selectors?
  14. jQuery Removing specific text from an element
  15. jQuery delay() – how to stop it?
  16. How to select first row of the first table in an html page using jQuery?
  17. Problems with jQuery autocomplete + AngularJS
  18. How to download a file through ajax request in asp.net MVC 4
  19. Remove elements onclick (including the remove button itself) with jQuery
  20. scroll up and down a div on button click using jquery
  21. File upload Jquery WebApi
  22. Use jQuery to check mousewheel event without scrollbar
  23. Highlight text inside html with jQuery
  24. How does jQuery .live() work?
  25. How can I change text after time using jQuery?
  26. jQuery autohide element after 5 seconds
  27. Rails accepts_nested_attributes_for with f.fields_for and AJAX
  28. How can I extend jQueryUI datepicker to accept an additional argument?
  29. How do I select the parent form based on which submit button is clicked?
  30. jQuery .slideRight effect

Leave a Comment