Posted in

Marcar palabras que coinciden con un resultado de búsqueda

Si realizamos un buscador, nos puede interesar marcar las coincidencias del resultado de búsqueda. Podemos hacerlo fácilmente con jQuery:

    const term = '{{ \Request::get('search') }}';
    const results = $('table.table').html();
    $('table.table').html(results.replace(new RegExp(term, "gi"), (match) => `<mark>${match}</mark>`));

Donde g es para tener en cuenta todas las instacias de la consulta y i para no hacer distinciones entre mayúsculas y minúsculas.

Deixa un comentari

L'adreça electrònica no es publicarà. Els camps necessaris estan marcats amb *


The reCAPTCHA verification period has expired. Please reload the page.