Javascript 在模板文本href标记中插入变量

我正在尝试使用从AJAX请求中提取的动态生成变量在模板文本中设置一个

href

标记，但似乎无法理解。当我单击标记的元素时，由于某种原因，

`
);
[...]

---

下面是一个JSFIDLE:

您在

---

有一个双引号太多：

``

它必须是：

``

此外，模板文本语法允许嵌入变量，而不是包含多个字符串

比如：

``

---

查看这篇关于模板文本的好文档：

我不确定到底是什么导致了问题，但模板文本的全部要点是您不必连接字符串：

'some text'+var+'more text'

更容易写成

some text${var}more text

（整个东西周围都有背景标记）你不需要转义模板文本中的引号。但这似乎也不会引起问题，所以不是这样。嘿，谢谢你的回复，我这样做了，但链接仍然不起作用，当我检查

场馆名称
元素时，
元素也不会出现在控制台中。你能做一个调整，这样我就可以运行它并继续运行吗结果是什么？你在链接中没有文本，你想点击什么？尽管它仍然应该出现在控制台中。这很奇怪，我认为链接文本应该是h5元素文本。我将得到一个最小的可复制示例设置。我感谢你的帮助。
$（“.venture name”，myPanel.html（cafeName）
将锚点替换为
cafeName
。
[...]  

data.forEach(([cafeId, cafeName, cafeAddress]) => {
            var myCol = $('<div id="col"></div>');
            var myPanel = $(
              `
              <div class="card-group">
              <div class="card card-block m-3 overflow-auto" style="width: 18rem;">
                <div class="card-body">
                  <h5 class="card-title venue-name" id=\"` + cafeName + `\"><a href="venue/\"` + cafeId + `\"></a></h5>
                  <h6 class="card-subtitle mb-2 text-muted venue-address"></h6>
                  <div class="dropdown">
                    <div class="venue-options" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></div>
                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton"><a id="share" class="dropdown-item" href="#">Share</a><a id="addToListNoModal" class="dropdown-item" href="#">Add to List</a></div>
                  </div>
                </div>
              </div>
            </div>
            `
            );
[...]

<a href="venue/"cafeId">

<h5 class="card-title venue-name" id="${cafeName}"><a href="venue/${cafeId}"></a></h5>