条件显示 <img src=...>答案

【问题标题】：Conditional Display <img src=...>条件显示 <img src=...>
【发布时间】：2020-06-23 21:29:48
【问题描述】：

我正在尝试以先前定义的变量值为条件显示一些图像（直接链接到 Google Drive）。你能帮忙吗？

我正在使用 jQuery 和 HTML。这是我正在做的示例代码（我删除了实际链接）：

if(roll_payoffpair == 1) {<img src = "https://drive.google.com/uc?id=LINK1"> ;}

if(roll_payoffpair == 2) {<img src = "https://drive.google.com/uc?id=LINK2"> ;}

if(roll_payoffpair == 3) {<img src = "https://drive.google.com/uc?id=LINK3"> ;}

感谢您的帮助！

正如第一条评论所指出的那样，我可能在这里混淆了一些东西。我以前从未使用过 JavaScript、PHP 或 HTML 编码，现在正在尝试为实验性软件做一些基本的事情。不确定如何以变量为条件显示这些链接。我收到一个 SyntaxError: expected expression, got '”，但得到了不同的 SyntaxError：意外令牌：标识符。

我认为，我真正需要的是在 HTML 中显示链接。使用简单的<img src = " LINK "> 可以很好地显示链接图像。但是如何根据 HTML 中的变量执行此操作？

【问题讨论】：

我认为您在某种程度上混淆了 PHP 和 Javascript/jQuery (?)。似乎您想“回显”那些 img 标记，但这在 jQuery/Javascript 中是不可能的。
感谢您这么快回答。我编辑了我的初始请求以进行更多说明。

标签： jquery html hyperlink conditional-statements display

【解决方案1】：

我认为您在某种程度上混淆了 PHP 和 Javascript/jQuery (?)。您似乎想“回显”那些 img 标签，但这在 jQuery/Javascript 中是不可能的。

您应该将 img 标签（只是 one 标签）放入您的 HTML 中，给它一个 ID 并使用您拥有的条件通过 jQuery 更改它的 src 属性，类似于：

if(roll_payoffpair == 2) { $("#yourimgID").attr("src", "https://drive.google.com/uc?id=LINK2"); }

其他条件类似。 HTLM 将是一个简单的 img 标记，其中包含使用的 ID：

<img src = "https://drive.google.com/uc?id=LINK1" id="yourimgID">

【讨论】：

谢谢约翰内斯。我不知道你在这里建议什么，但那是因为我一生中从未编码过。所以我试图复制你的代码并使用它。我不再在控制台中收到任何错误消息，所以这是一些进步！但是浏览器并没有向我显示图像。知道为什么会这样吗？我如何命名 id="yourimgID" 是否重要？干杯! PS：我只在你的帖子中使用了 jQuery 代码。我想应该显示链接的图片？
“我不知道你在这里建议什么，但那是因为我一生中从未编码过” - 呃，呃......对不起，但我认为你应该至少学习一些基本知识在继续之前进行 HTML/CSS/JS/jQuery 编码，因为如果您不知道将其放在哪里以及如何将所有内容相互连接，则无法解释所有内容。