Tengo el siguiente código:
Al realizar una búsqueda en "buscaLugares
" , este me busca la palabra correspondiente perfectamente, pero solo si lo escribo correctamente.
Es decir si escribo "arena"<-- no me encuentra , pero si escribo "Arena"<-- si , quisiera saber o tener una idea de como poder lograr este match
, sin importar si escribo en mayúscula o minúscula.
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="buscaLugares" class="form-control" style="background:#5ba800;margin:5px" placeholder="Buscar Especialidad">
<ul class="classUl" id="GetbuscaLugares">
<li>Arena</li>
<li>Sol</li>
<li>Playa</li>
</ul>
<script>
$( function() {
$( '#buscaLugares').keyup( function() {
var bEspec = document.getElementById("buscaLugares").value;
var matches = $( 'ul#GetbuscaLugares' ).find( 'li:contains('+ bEspec +') ' );
$( 'li', 'ul#GetbuscaLugares' ).not( matches ).slideUp();
matches.slideDown();
});
});
</script>
li
(primera letra mayuscula y lo demas minuscula):bEspec.charAt(0).toUpperCase() + bEspec.toLowerCase().slice(1)