元素单独加载jquery答案

【问题标题】：Elements loading separately jquery元素单独加载jquery
【发布时间】：2020-05-26 14:05:51
【问题描述】：

我试图将此函数转换为一个将考虑每个字符串更改为图像的函数，现在这只更新每个表格行的一个图像。

$('*')
  .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">'
    );
  });

【问题讨论】：

标签： javascript jquery wordpress

【解决方案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";
   }
}

【讨论】：