javascript - HTML div 类条件 URL

Question

我从另一个用户那里 fork 了一个 NBA 2K 随机球队选择器，并根据我的需要对其进行了调整。我对你们中的一个人来说可能很简单的事情感到困惑。提前致谢。

单击“随机化”按钮时，将显示团队“名称”和“ Logo ”。我也添加了一个“名册”网址来显示，但我希望该网址可以在新选项卡/窗口中单击。我似乎无法弄清楚。

https://codepen.io/nick-c/pen/dNwMaZ

下面只是html。我无法发布所有脚本和 CSS。

    <div class='container'>
  <div class='title'>
    <img src='http://fluidesign.co.uk/wp content/uploads/2016/12/NBA_2K17_logo.png'/>
  </div>
  <div class='team home'>
    <h3>Home</h3>
    <div class='logo'></div>
    <div class='name'>?</div>
    <div class='roster'>Click for Rosters</div>
    <div class='random'>Randomize</div>
  </div>
  <div class='team away'>
    <h3>Away</h3>
    <div class='logo'></div>
    <div class='name'>?</div>
    <div class='random'>Randomize</div>
  </div>
  <div class='vs'>vs</div>
  <div class='clear'></div>
</div>

Answer 1

您没有“设法发布所有脚本和 CSS”？将它粘贴到 codepen 或粘贴到 StackOverflow 上的代码截图工具有什么区别？无论如何...

您目前只是将链接设置为行中的文本:

$(".home .roster").text(teams[index].roster);

但是您要做的是将其添加为链接:

$(".home .roster").html('<a href="' + teams[index].roster + '" class="divLink" target="_blank">Webpage URL</a>');

简单吧？ ;) 在此处查看您的代码笔的工作分支:https://codepen.io/anon/pen/xgmEOm