Programación

Cómo sustituir una cadena de texto con jQuery

Busca y reemplaza cadenas de texto en tu WordPress

Pongamos que tenemos un cliente que se llama “DesoxTandem S.A.”. Su nombre aparece a lo largo de toda la web en multitud de páginas, php y entradas de WordPress. La web ya está funcionando, pero, entonces, hay una llamada anunciando un cambio de criterio: hay que cambiar el nombre, tiene que ir separado y sin “S.A.”, de manera que quede “Desox Tandem”. En estos casos, sustituir una cadena de texto con JQuery, no puede sacar del apuro.

Lo correcto sería hacer una sustitución en todos los archivos y en la base de datos, pero son operaciones delicadas que hay que hacerlas sin prisa, para no cometer fallos.

Vamos a ver una manera de solucionarlo, a modo de parche, de una manera sencilla e inmediata con jQuery.

Cambiar un texto con jQuery

Usaremos la siguiente función:

 $(document).ready(function() {
     $("body *").html(function(a, cambiar) {
         return cambiar.replace('DesoxTandem S.A.', 'Desox Tandem');
     });
 });

Esto nos permitirá que javascript busque, automáticamente, todos los sitios donde pone DesoxTandem S.A. y lo sustituya, en caliente, por Desox Tandem.

Ahora que hemos salido del paso, al sustituir una cadena de texto con jQuery, podremos abordar la corrección en base de datos sin la presión de que el texto publicado sea erróneo. Y si necesitas ayuda para modificar tu sitio web siempre te queda echar mano de profesionales de la web. ?

Actualizado octubre 2022

Se ha corregido un problema con los iframes de Codepen.

Alberto Bravo

Hola, soy Alberto Bravo, licenciado en BB.AA. en la Universidad del País Vasco. Me especialicé en diseño gráfico e ilustración. Tras varios años trabajando de ello (etapa de autónomo incluida), decidí digitalizarme y pasar al diseño web. Allí descubrí el SEO y la programación. Actualmente, soy el responsable del departamento SEO de Caronte Studio y ya no tengo tiempo para ilustrar. En mis artículos te hablaré, principalmente, de SEO y tiendas online, pero seguro que también podrás encontrar algún que otro artículo sobre diseño gráfico. WEB | LINKEDIN | ARTSTATION

Entradas recientes

Cómo implementar Lazy Loading para imágenes y mejorar tu SEO

En este artículo, aprenderás qué es el Lazy Loading y cómo implementarlo fácilmente en tu… Leer más

3 horas hace

Presupuesto de rastreo o Crawl Budget: ¿Qué es y cómo mejorarlo?

En esta guía práctica, te explicamos qué es el presupuesto de rastreo, por qué es… Leer más

3 días hace

Qué es el call to action (CTA) y cómo hacer uno efectivo

¿Alguna vez te has encontrado con un mensaje que te invita a actuar, ya sea… Leer más

1 semana hace

¿Qué es una promesa en JavaScript? Todo lo que necesitas saber

Una de las preguntas más comunes entre los desarrolladores web que comienzan a usar JavaScript… Leer más

2 semanas hace

Preimpresión digital ¿Por qué es tan importante?

Descubre qué es y para qué sirve la preimpresión digital para conseguir una buena impresión… Leer más

2 semanas hace

Tipos de consentimientos para YouTube, Twitter, LinkedIn y TikTok

Ampliamos información para las redes sociales. Descubre cómo gestionar correctamente los consentimientos necesarios en las… Leer más

3 semanas hace