using JQuery to convert html tr tags to uppercase for string comparison

Question

Hi

I have the following JS function:

function tblFilter(colToFilter) {
var tableToFilter = $("#notesGrid").find("tr");
var columnToFilter = colToFilter;

$.each(columnToFilter, function (i) {
    tableToFilter = tableToFilter.filter(":contains'" + columnToFilter + "')");
});

tableToFilter.show();

};

colToFilter is uppercase and I want to convert what I am comparing to to uppercase as well to ensure case insensitivity.

I have tried this:

function tblFilter(colToFilter) {
    var tableToFilter = $("#notesGrid").find("tr");
    var columnToFilter = colToFilter;

    $.each(columnToFilter, function (i) {
        tableToFilter = tableToFilter[i].innerHTML.toUpperCase().filter(":contains'" + columnToFilter + "')");
    });

    tableToFilter.show();

};

However it fails saying:

Microsoft JScript runtime error: Object doesn't support this property or method

Answer 1

Can you have a try with the following?

$(tableToFilter[i].innerHTML.toUpperCase()).filter()