如何使用javascript在所有链接后添加#new

【问题标题】：How to use javascript to add #new after all links如何使用javascript在所有链接后添加#new
【发布时间】：2022-11-18 17:42:54
【问题描述】：

我有以下代码，我希望通过 javascript 添加英国的所有链接#new，你能帮帮我吗？

<ul id="ul-data">
    <li class="data">
        <a href="/3/">data 3</a>
    </li>
    <li class="data">
        <a href="/2/">data 2</a>
    </li>
    <li class="data">
     <a href="/1/">data 1</a>
    </li>
    <li class="data">
     <a href="/0/">data 0</a>
    </li>
</ul>

我还没有找到解决方案

【问题讨论】：

标签： javascript

【解决方案1】：

您可以使用与 css 选择器相同的语法来选择元素，然后您可以遍历每个选定的元素并替换 href 属性。最终结果看起来像这样：

document.querySelectorAll('#ul-data .data').forEach((el) => {
    el.href = el.href + "#new";
});

请注意，选择器中需要空格来选择另一个元素内的元素

【讨论】：