Como eu posso realizar uma busca em uma DIV semelhando ao Ctrl+F do Chrome com javascript?
Independente de maiúsculo, minúsculo, acentos, etc.
Até agora eu tenho o resultado abaixo. Eu pego o termo encontrado e verifico se há ocorrência no texto. Mas quando a ocorrência tem acento, não destaca (não encontra).
Estou utilizando esse script para ter o resultado na imagem.
var searchTerm = "CLAUDIA";
var html = $("#texto").text();
var pattern = "([^\\w]*)(" + searchTerm + ")([^\\w]*)";
var rg = new RegExp(pattern, "gi");
var match = rg.exec(html);
if(match) {
html = html.replace(rg,match[1] + "<b>"+ match[2] +"</b>" + match[3]);
$("#texto").text(html);
}
input
? Poste seu código.