javascript - 在创建 li 标签时尝试为锚标签添加 id

Question

我有以下 JS Fiddle https://jsfiddle.net/73rpubfd/工作正常。在此处粘贴代码以供参考：

<ul class="nav nav-tabs" id="test">
</ul>

var items=['a1','a2'];

var arrayLength = items.length;

for (var i = 0; i < arrayLength; i++) {
   
   $("#test").append("<li><a>"+items[i]+"</a></li>");
    
}

我的要求是为标签插入一个 id ，部分 id 值将来自数组 values 。

所以，我希望它在循环中是这样的：

$("#test").append("<li><a id="tab_"+items[i]+">"+items[i]+"</a></li>");

基本上，在 chrome 的开发者工具中检查 li 元素后，它可能看起来像这样。

<li><a id="tab_a1">a1</a></li>
<li><a id ="tab_a2">a2</a></li>

但是，一旦我尝试定义“id = tab_”，它就会开始抱怨。我做错了什么吗？

标签： javascripthtmljquery

Answer 1

我认为这是需要双引号的 html 道具格式的问题。创建复杂字符串的最佳方法是使用模板文字，如下所示：

$("#test").append(`<li><a id="tab_${items[i]}">${items[i]}</a></li>`);