javascript - 如何将 anchor 标记的id附加到jquery中的新href并替换页面中的href属性？

Question

我有以下内容:

<a id="sample"></a>

我想将其更改为:

<a href="https://www.exampledomain/testpage.aspx#sample"></a>

使用 jQuery 或纯 JavaScript。 “样本”是一个非唯一的动态属性，但我需要“预先附加”到它的域始终是相同的值。预先感谢您。

Answer 1

尝试 .querySelectorAll() 和 .forEach()。此演示添加 href、文本和 title(当用户将鼠标悬停在链接上时显示完整的 href 值)

var linx = document.querySelectorAll('a');

linx.forEach(lnk => {
  let ID = lnk.id;
  const host = 'https://example.com/#';
  lnk.href = host + ID;
  lnk.title = host + ID;
  lnk.textContent = ID;
});

a {
  display: block
}

<a id="ID0"></a>
<a id="ID1"></a>
<a id="ID2"></a>
<a id="ID3"></a>
<a id="ID4"></a>
<a id="ID5"></a>
<a id="ID6"></a>
<a id="ID7"></a>
<a id="ID8"></a>
<a id="ID9"></a>
<a id="IDA"></a>
<a id="IDB"></a>
<a id="IDC"></a>
<a id="IDD"></a>
<a id="IDE"></a>
<a id="IDF"></a>