Finde del af streng og lave den bold med jquery

var repl = 'med';

var str = 'Hej med dig';

str = str.replace(new RegExp('(med)', 'gi'), '<strong>$1</strong>');

Det vil resultere i "Hej <strong>med</strong dig", og det gælder uanset store og små bogstaver.

Kan du selv finde ud af sætte det ind på siden igen?

Hov, jeg glemte at sætte variablen ind, og brugte en hardcodet streng i stedet. Det skal selvfølgelig være:

str = str.replace(new RegExp('('+ repl +')', 'gi'), '<strong>$1</strong>');

Og så kunne man overveje om det skulle ske på serveren fremfor i js da det alt andet lige nok vil være hurtigere.

Det fungerer ikke.
Min oprindelige kode er

rowtext = "<tr><td>"+adArr[i]['efternavn']+"</td></tr>";

Den nye kode bliver

rowtext = "<tr><td>"+str.replace(new RegExp('('+adArr[i]['efternavn']+')','gi'),'<strong>$1</strong>')+"</td></tr>";

AdArr[i]['efternavn'] er et efternavn i det array af objekter hvor jeg gemmer søgeresultatet.

Den nye kode fjerner hele efternavn undtaget søgestreng, og den er ikke fremhævet. 'Vis kildekode' viser at <strong> delen ikke kommer med.
med 'er' bliver 'Anders' altså til 'er' i stedet for 'And<strong>er</strong>s'

Årsagen til at det sker på klient, ikke server, er at søgedata skal hentes når 2 søgebogstaver er indtastet. ved 3. 4. ... indtastning skal rækkerne i tabellen bare slettes når de ikke længere lever op til kondition.

Hov en fejl opdaget:

Der skal selvfølgelig stå:

rowtext = "<tr><td>"+adArr[i]['efternavn'].replace(new RegExp('('+$(this).val()+')','gi'),'<strong>$1</strong>')+"</td></tr>";

Hvor $(this).val() er den streng indtastet i søgefeltet.

Men nu vises der slet ingen rækker i tabellen

Jeg ved ikke hvorfor den ikke vil, men jeg har lige lavet en test for at forvisse mig at det virker. Kig evt. i kilden her:

http://amunium.dk/showcase/repl.html

Hov - Jeg tømte cashe. Så virkede det!!!

Smid et svar

Så gerne.