Не выделяет первую букву слова в строке

Question

Here - это скрипка, в которой поиск работает нормально, но не выделяет первую букву текста в столбце имени и выделяет оставшиеся совпадающие буквы ... в чем проблема. .... и может кто-нибудь это исправить ....... Например, если мы наберем «v» в строке поиска, он покажет все v, но «v» в столбце имен, не выделяя ..... за исключением первой буквы текста в столбце имя каждого элемента выдвигает на первый план

мы должны изменить в этом коде ......

$("#search").keyup(function(){ 
 
     _this = $(this); 
 
     var searched_term = $(_this).val().toLowerCase(); 
 
\t \t if(_this.val() == ""){ 
 
\t \t \t $.each($("#ftz-table tbody tr td:nth-child(n+2)"), function() { 
 
\t \t \t $(this).text($(this).text()); \t 
 
\t \t }) 
 
\t \t return; 
 
\t \t } 
 
     $.each($("#ftz-table tbody tr td:nth-child(n+2)"), function() { 
 
\t \t \t var original_text = $(this).text();  
 
\t \t \t if(!($(this).text().toLowerCase().indexOf(searched_term) == -1)){ 
 
\t \t \t \t $(this).html(original_text.replace(searched_term, "<mark>"+searched_term+"</mark>")); 
 
\t \t \t } \t 
 
\t \t \t else{ 
 
\t \t \t \t $(this).text($(this).text()); \t 
 
\t \t \t } 
 
     }); 
 
    });

Answer 1

Ваш поиск чувствителен к регистру, но original_text.replace() не так indexOf находит v или V но replace заменяет только тот, который соответствует поисковому входной случай.

Чтобы сохранить случай вам нужен захват:

var re = new RegExp("(" + searched_term + ")", "i"); 
$.each($("#ftz-table tbody tr td:nth-child(n+2)"), function() { 
    $(this).html($(this).text().replace(re, "<mark>$1</mark>")); 
}); 

https://jsfiddle.net/xr0hns13/1/

(searched_term должны быть экранированы для любых RegExp зарезервирован символов)