viernes, 12 de julio de 2013

Reemplazar caracteres con jquery


A continuación veremos la forma en que se puede realizar un reemplazo de caracteres con Jquery, para ello Javascript proveé de una función llamada replace(buscar, reemplazar), en el parametro buscar introducimos el carácter o cadena de texto que queremos reemplazar, en reemplazar introducimos el caracter o cadena de texto que reemplazará a la búsqueda.

Para el ejemplo, hay un div que contiene la cadena aeiou, esta cadena será reemplazada por esta otra áéíóú cuando se haga click sobre el botón "Click para reemplazar" ...

Demo del ejemplo ...


aeiou


<!-- By http://jquery-manual.blogspot.com -->
<!DOCTYPE HTML>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(function(){
texto = $("#box_replace").text();
$("#btn_replace").click(function(){
texto = texto.replace("aeiou", "áéíóú");
$("#box_replace").text(texto);
});
});
</script>
</head>
<body>
<input type="button" id="btn_replace" class="ui-button" value="Click para reemplazar">
<div id="box_replace">
aeiou
</div>
</body>
</html>