Question

I have this JQuery script:

$('#searchinput').keypress(function() {
  $('#realadstable tr').show().not(':contains(' + this.value + ')').hide();
});

Basically it filters the rows of the table to show only those that contain the text typed in input field #searchinput.

The problem is that this script does not see the text surrounded by other tags (like bold text) so it can hide the row that contains necessary text only because it is surrounded by bold tags.

How do I fix that?
thx.

Answer 1

You can use the filter function:

$('#searchinput').keypress(function() {
    $('#realadstable tr').show().filter(function() {
        return $(this).text().indexOf(this.value) !== -1;
    }).hide();
});