我该怎么做:href ="#id1,#id2"?

时间:2017-04-18 17:31:46

标签: javascript jquery html onclick href

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

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 - 类似的元素专门用于新元素,当我点击任何一个药丸时它们也点击另一个相邻的药丸,但我不想如果有办法让这项工作没有它。

0 个答案:

没有答案