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>