Me gustaría saber cómo podría analizar el DOM usando jQuery y modificar el texto de cada nodo para traducir una página de mi sitio. Usar jQuery es una restricción, no una elección :)
Para ser más precisos, me gustaría pasar por el DOM, apuntar a cada nodo que contiene texto, traducirlo usando una API y reemplazar el texto original con el traducido.
Me siento un poco perdido aunque parezca bastante simple. ¡Gracias por tu ayuda!
Si te entiendo correctamente, tendrás algo como
// use $('*') instead if you really want to use jQuery Array.from(document.querySelectorAll('*')).forEach(async _ => { _.textContent = await myTranslationApi(_.textContent); }); Sin embargo, tendré que decir que a) es lento representar la página con el idioma incorrecto y luego reemplazarlo (esto también podría generar un destello de texto sin traducir) yb) podría ser propenso a errores simplemente introducir el contenido de textContent en su API de traducción (probablemente desee buscar claves de traducción y solo reemplazarlas).