Нагрузка элементов отдельно jquery

Question

Я пытаюсь преобразовать эту функцию в ту, которая будет учитывать каждое изменение строки изображения, прямо сейчас это обновляет только одно изображение в строке таблицы.

$('*')
  .filter(function () {
    return !$(this).children().length;
  })
  .html(function (index, old) {
    return old.replace(
      'Englisch',
      '<img class="bydcode-language-flag" src="wp-content/themes/boss-child/bydcode/flags/united-kingdom-flag-medium.png" alt="Englisch">'
    );
  });

$('*')
  .filter(function () {
    return !$(this).children().length;
  })
  .html(function (index, old) {
    return old.replace(
      'Spanisch',
      '<img class="bydcode-language-flag" src="wp-content/themes/boss-child/bydcode/flags/spain-flag-medium.png" alt="Spanisch">'
    );
  });

$('*')
  .filter(function () {
    return !$(this).children().length;
  })
  .html(function (index, old) {
    return old.replace(
      'Deutsche',
      '<img class="bydcode-language-flag" src="wp-content/themes/boss-child/bydcode/flags/germany-flag-medium.png" alt="Deutsche">'
    );
  });

Answer 1

$('*')
  .filter(function () {
    return !$(this).children().length;
  })
  .html(function (index, old) {
    return old.replace(
      lang
      '<img class="bydcode-language-flag" src=`${getFlag(lang)}` alt=`${lang}`  />'
    );
  });

и добавьте служебный метод, который разрешает флаги

function getFlag(lang) {
  switch(flag) {
     case "Spanisch":
        return "wp-content/themes/boss-child/bydcode/flags/spain-flag-medium.png";
    case "another-lang":
       return "wp-content/themes/boss-child/bydcode/flags/another-flag-medium.png";
   }
}