实现点击当前a标签显示对应的内容，提供js代码

假设你的html代码中有这样一段：

<a href="#" class="tab-link" data-tab="tab-1">Tab 1</a>
<a href="#" class="tab-link" data-tab="tab-2">Tab 2</a>

<div id="tab-1" class="tab-content">
  <p>Tab 1 content goes here.</p>
</div>
<div id="tab-2" class="tab-content">
  <p>Tab 2 content goes here.</p>
</div>

你可以使用以下的JS代码来实现点击a标签，显示对应的内容：

const tabLinks = document.querySelectorAll('.tab-link');
const tabContents = document.querySelectorAll('.tab-content');

tabLinks.forEach(link => {
  link.addEventListener('click', () => {
    const tabName = link.getAttribute('data-tab');
    const tabToShow = document.getElementById(tabName);

    tabContents.forEach(tab => {
      tab.style.display = 'none';
    });

    tabToShow.style.display = 'block';
  });
});

这段代码首先获取所有的 `.tab-link` 和 `.tab-content` 元素，并为每个 `.tab-link` 元素添加一个点击事件监听器。当用户点击一个链接时，它会获取 `data-tab` 属性的值，以此找到对应的 `.tab-content` 元素，并将其显示出来。同时，隐藏所有其他的 `.tab-content` 元素。