Function javascript text to uppercase and remove accents together

Navigation
0

I have the following script working perfectly, I would like to implement the function remove accents already found several tips but they did not work, as I do not understand javascript, I would if possible implement the function in my already existing script, thanks, script follows: / p> 

$(function(){
	$("#txtBusca").keyup(function(){
		var texto = $(this).val();
		
		$("#ulItens li").css("display", "block");
		$("#ulItens li").each(function(){
			// if($(this).text().indexOf(texto) < 0)
			//    $(this).css("display", "none");

			if($(this).text().toUpperCase().indexOf(texto.toUpperCase()) < 0)
   			$(this).css("display", "none");
			   
		});
	});
});
<div class="single">
  <!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="generator" content="Hugo 0.20.2" />
     <meta charset="UTF-8"> 
     <!--<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>--><!--InícioScriptdebusca--><scripttype="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script><scripttype="text/javascript">
$(function(){
	$("#txtBusca").keyup(function(){
		var texto = $(this).val();
		
		$("#ulItens li").css("display", "block");
		$("#ulItens li").each(function(){
			// if($(this).text().indexOf(texto) < 0)
			//    $(this).css("display", "none");

			if($(this).text().toUpperCase().indexOf(texto.toUpperCase()) < 0)
   			$(this).css("display", "none");
			   
		});
	});
});
</script>	     
	<!--Fim Script de busca-->

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
    <link rel='stylesheet' href='//fonts.googleapis.com/css?family=Open+Sans|Marcellus+SC'>
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.4/styles/solarized_dark.min.css">
    <link rel="stylesheet" href="http://leituracrista.com/css/styles.css">
    <link rel="stylesheet" href="http://leituracrista.com/css/custom.css">
    <link rel="stylesheet" href="http://leituracrista.com/css/busca.css">
    <link rel="alternate" type="application/rss+xml" title="RSS" href="http://leituracrista.com//index.xml">

    
    <title>Índice - O que Respondi - Mario Persona</title>
    
  </head>

  <body>

    <header >
      
      <div class="title"><a href="http://leituracrista.com/"  target="_parent">  Leitura Cristã</a></div>
    </header>

    <div class="container site">

 
  <div align="center" class="section">
    <header><div  align="center" class="title">ÍNDICE - O que respodi - Por Mario Persona</div></header></br>
    <div class="list-default"><nav id="TableOfContents">

<div class="busca">
    <!--<input id="filtro" type="text" placeholder="Busca Rápida">-->
   	
       <input style="text-align: center;" type="text" id="txtBusca" placeholder="Busca Rápida..."/>

</div>

<ul id="ulItens" align="center">

<li><a href="http://leituracrista.com/o-que-respondi-volume-1/#o-que-preciso-fazer-para-ser-salvo">
  O que preciso fazer para ser salvo?
  </a></li>

<li><a href="http://leituracrista.com/o-que-respondi-volume-1/#o-que-significa-abba">
  O que significa Abba?
  </a></li>


<li><a href="http://leituracrista.com/o-que-respondi-volume-1/#por-que-há-tantas-denominações">
  Por que há tantas denominações?
  </a></li>

<li><a href="http://leituracrista.com/o-que-respondi-volume-1/#pode-explicar-espírito-alma-e-corpo">
  Pode explicar espírito, alma e corpo?
  </a></li>

<li><a href="http://leituracrista.com/o-que-respondi-volume-1/#quem-são-os-anjos-caídos">
  Quem são os anjos caídos?
  </a></li>

<li><a href="http://leituracrista.com/o-que-respondi-volume-1/#o-que-é-batismo-do-espírito-santo">
  O que é batismo do Espírito Santo?
  </a></li>

<li><a href="http://leituracrista.com/o-que-respondi-volume-1/#qual-é-o-pecado-sem-perdão">
  Qual é o pecado sem perdão?
  </a></li>

<li><a href="http://leituracrista.com/o-que-respondi-volume-1/#com-quem-se-casou-caim">
  Com quem se casou Caim?
  </a></li>

<li><a href="http://leituracrista.com/o-que-respondi-volume-1/#onde-celebrar-a-ceia-do-senhor">
  Onde celebrar a ceia do Senhor?
  </a></li>

<li><a href="http://leituracrista.com/o-que-respondi-volume-1/#há-diferença-entre-inferno-lago-de-fogo-hades-sheol-e-geena">
  Há diferença entre inferno, lago de fogo, hades, sheol e geena?
  </a></li>

<li><a href="http://leituracrista.com/o-que-respondi-volume-1/#o-cristão-deve-ir-à-guerra">
  O cristão deve ir à guerra?
  </a></li>

<li><a href="http://leituracrista.com/o-que-respondi-volume-1/#qual-o-significado-de-dois-dias-de-oséias-6-1-3">
  Qual o significado de dois dias de Oséias 6:1-3?
  </a></li>

<li><a href="http://leituracrista.com/o-que-respondi-volume-1/#o-que-significa-o-batismo">
  O que significa o Batismo?
  </a></li>

<li><a href="http://leituracrista.com/o-que-respondi-volume-1/#como-conviver-com-o-vazio-e-a-tristeza">
  Como conviver com o vazio e a tristeza?
  </a></li>

<li><a href="http://leituracrista.com/o-que-respondi-volume-1/#como-enfrentar-as-tentações">
  Como enfrentar as tentações?
  </a></li>


<li><a href="http://leituracrista.com/o-que-respondi-volume-1/#como-celebrar-a-ceia-do-senhor">
  Como celebrar a Ceia do Senhor?
  </a></li>

<li><a href="http://leituracrista.com/o-que-respondi-volume-1/#devo-divulgar-denominação">
  Devo divulgar denominação?
  </a></li>

<li><a href="http://leituracrista.com/o-que-respondi-volume-1/#a-bíblia-considera-a-mulher-inferior-ao-homem">
  A Bíblia considera a mulher inferior ao homem?
  </a></li>

<li><a href="http://leituracrista.com/o-que-respondi-volume-1/#existe-alguma-condição-para-falar-línguas-estranhas">
  Existe alguma condição para falar línguas estranhas?
  </a></li>

<li><a href="http://leituracrista.com/o-que-respondi-volume-1/#como-enfrentar-as-aflições">
  Como enfrentar as aflições?
  </a></li>

<li><a href="http://leituracrista.com/o-que-respondi-volume-1/#o-que-significa-a-mesa-do-senhor">
  O que significa a Mesa do Senhor?
  </a></li>

<li><a href="http://leituracrista.com/o-que-respondi-volume-1/#qual-religião-pode-me-salvar">
  Qual religião pode me salvar?
  </a></li>

<li><a href="http://leituracrista.com/o-que-respondi-volume-1/#em-que-templo-devo-adorar">
  Em que templo devo adorar?
  </a></li>

<li><a href="http://leituracrista.com/o-que-respondi-volume-1/#o-cristão-pode-beber-vinho">
  O cristão pode beber vinho?
  </a></li>
  
  </ul>
</nav></div>
  </div>
  

<script>
var links = document.links;
for (var i = 0, linksLength = links.length; i < linksLength; i++) {
    if (links[i].hostname != window.location.hostname) {
        links[i].target = 'right';
    }
}
</script>
    
asked by anonymous 28.06.2017 / 14:27

1 answer

1

Function that removes the accents, if there is any doubt put in the comment. 

    $(function(){
    	$("#txtBusca").keyup(function(){
    	  	var texto = removerAcentos($(this).val());
          $(this).val(texto);
      });
    });




        function removerAcentos( newStringComAcento ) {
          var string = newStringComAcento;
        	var mapaAcentosHex 	= {
        		a : /[\xE0-\xE6]/g,
        		e : /[\xE8-\xEB]/g,
        		i : /[\xEC-\xEF]/g,
        		o : /[\xF2-\xF6]/g,
        		u : /[\xF9-\xFC]/g,
        		c : /\xE7/g,
        		n : /\xF1/g
        	};

        	for ( var letra in mapaAcentosHex ) {
        		var expressaoRegular = mapaAcentosHex[letra];
        		string = string.replace( expressaoRegular, letra );
        	}

        	return string;
        }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><inputtype="text" id="txtBusca">
    
28.06.2017 / 14:58
Jquery Mobile Error Can not read property 'concat' of undefined Footer does not stay fixed at end of screen