Filtering Table rows using Jquery

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 ($":contains('" + data[d] + "')")) {
            return true;
    return false;
//show the rows that match.

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.

Leave a Comment