Question

I got certain string, and I want to highlight the substring typed in the text input.

Here is a fiddle: http://jsfiddle.net/rFGWZ/17/

It is working fine only , when I type the initial string, but when I type fe. 15 in the input, it doesn’t highlight the 15 but 21 instead… it is always highlighting the numbers at the beggining, so could someone help me modify it, so it will highlight the string I type in the text input?

Answer 1

You can use this :

firstCell.html(id.replace(value, '<span class=highlight>'+value+'</span>'));

instead of

firstCell.html($("<span />").addClass("highlight").text(id.slice(0, value.length)));
firstCell.append(id.slice(value.length, id.length));

Demo : http://jsfiddle.net/qgBt8/

EDIT : case insensitive version