在javascript中将变量插入到文件路径字符串中

Question

根据用户选择，变量“team”包含不同的团队名称作为字符串。然后我想显示保存为 .png 文件的相应团队徽标。因此我想将变量的字符串插入到文件路径中。怎么做？

谢谢你。

JS：

 $('ul.subbar li a').on('click', function(e) { // User clicks on a team in the navbar

  e.preventDefault(); // Stop loading new link

  var team = $(this).html(); //assign clicked team name to variable

  console.log(team);

$('.selectedClub').html(team);

$('.teamLogo').src("'images/Clubs/Germany/' + 'team' + '.png'").alt(team);

});

html：

      <div class="topRow">

        <div class="team">

          <div class="teamLogo">

            <img class="teamLogo" src="images/man united.png" alt="Manchester United">

          </div>

          <div class="selectedClub">Manchester United</div>

        </div>

      </div>

Answer 1

你在这里有问题：$('.teamLogo').src("'images/Clubs/Germany/'&nbsp;+&nbsp;'team'&nbsp;+&nbsp;'.png'").alt(team);大概应该是这样的：$('.teamLogo').attr('src',&nbsp;'images/Clubs/Germany/'&nbsp;+&nbsp;team&nbsp;+&nbsp;'.png').alt(team);（没有额外的引号）

Answer 2

更好的答案是使用字符串插值$('.teamLogo').src(`images/Clubs/Germany/${team}.png`).alt(team);