Question

我有生成特定按钮的代码：

let layerPill = document.createElement('a');
      layerPill.setAttribute("data-toggle", "pill");
      layerPill.setAttribute("href", `#layer${numOfLayers[layersCreated]}`);
      layerPill.setAttribute("onclick", `getStreamNContentLocale('layer${numOfLayers[layersCreated]}-container', 'head${numOfLayers[layersCreated]}-container', '${stream}', '${numOfLayers[layersCreated]}', '${platform}', '${drm}')`);
      layerPill.innerHTML = `layer ${numOfLayers[layersCreated]}`;

过去我只需要拥有它href="#layer[number]"，其中带有该ID的元素如下所示：

<div class="tab-pane fade active in" id="layer1">
<div class="tab-pane fade" id="layer2">
<div class="tab-pane fade" id="layer3">

但是现在我想添加另一组元素，当我点击指定的layerPill元素时，它会做同样的事情：

<div class="tab-pane fade active in" id="head1">
<div class="tab-pane fade" id="head2">
<div class="tab-pane fade" id="head3">

并且使所有这些内容的id相同并不会使tab-pane fade工作，除了html页面上的第一个。

现在我可以很容易地添加另一个layerPill - 类似的元素专门用于新元素，当我点击任何一个药丸时它们也点击另一个相邻的药丸，但我不想如果有办法让这项工作没有它。

我该怎么做：href =＆＃34;＃id1，＃id2＆＃34;？

0 个答案: