Question

I have dynamically created HTML table clicking on its TH will reload the table according to sorted column.

What i want is to apply a class to the TH clicked.

Since the table is reloaded i first put the clicked column name in a Global variable and then when the table get reloaded i want to apply a CSS class.

The requirement is i want to search the THs in a TR by text (without iterating all elements) and then apply a class.

Any help is appreciated

Thanks

EDIT:

We cannot use :contains becuase two column names can contains similar text header

Answer 1

jQuery’s filter function allows you to specify a function to be used as the filter.

$("th").filter(function() {
    return $(this).text() == "foo";
}).addClass("newClass");