A simple jQuery function to insert a <span> with 'lang' attribute to a different language text for font decoration

insert_lang_span.js

/**
 * @description function to replace text with a English language attribute
 * @param {string} element - html element that need to be check and updated
 * @param {string} text - text to be replaced
 * @param {string} langCode - the language attribute that needs to be included.
 */

function insertLangSpan(element, text, langCode) {

    var newHTML = '<span lang="' + langCode + '">'+ text +'</span>';

    $(element).html(function (index, html) {
        return html.replace(text, newHTML);
    });

}


/**
 * @description call functions on page load
 */
$(function () {

    // Example, on a page in Thai, select specific English words and add <span lang="en" to specific so that we can assign and English font to it for better display
    insertLangSpan('html[lang="th"] h1', 'A cat', 'en');
    insertLangSpan('html[lang="th"] h2', 'A dog', 'en');

});