HTML div class 条件 URL

Question

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

单击 "Randomize" 按钮时，显示 "name" 和 "logo" 队伍。我也添加了 "roster" url 来显示，但我希望 url 可以点击进入新的 tab/window。我似乎无法弄清楚。

下面只是html。我无法 post 所有脚本和 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

你没有"manage to post all the script and css"？将它粘贴到 codepen 或粘贴到 Whosebug 上的代码截图工具有什么区别？无论如何...

您目前只是将 link 设置为行中的文本：

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

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

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

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

Answer 2

我想你想要这个

<a href="link-here" target="_blank">example</a>

HTML div class 条件 URL

HTML div class conditional URL

html

javascript

css

codepen