Question

所以，我认为这很简单，但是我找不到合适的解决方案

实际上我的链接看起来像这样：

<a href="/kfhdsh/kfhdh">Link 1</a>
<a href="/kfhdsh/kfhdh">Link 2</a>
<a href="/kfhdsh/kfhdh">Link 3</a>

如何在链接后面自动添加相同的ID？

赞：

<a href="/kfhdsh/kfhdh#ID">Link 1</a>
<a href="/kfhdsh/kfhdh#ID">Link 2</a>
<a href="/kfhdsh/kfhdh#ID">Link 3</a>

感谢您的帮助！

Answer 1

您可以通过为attr()提供功能来实现。该函数将接受属性的当前值，并且您可以在附加URL片段后返回要使用的新值，如下所示：

$('a').attr('href', function(i, href) {
  return href + '#ID';
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="/kfhdsh/kfhdh">Link 1</a>
<a href="/kfhdsh/kfhdh">Link 2</a>
<a href="/kfhdsh/kfhdh">Link 3</a>

请注意，您也可以为此使用prop()，但是重要的区别是prop()会将值转换为绝对URL，而attr()将保留相对路径。 / p>

Answer 2

这是您想要的吗？

$().ready(function() {
  $("a.link").attr("href", $("a.link").attr("href") + "#ID")
})

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

<a class="link" href="/kfhdsh/kfhdh">Link 1</a>
<a class="link" href="/kfhdsh/kfhdh">Link 2</a>
<a class="link" href="/kfhdsh/kfhdh">Link 3</a>

如何使用jquery向我的href链接添加ID？

2 个答案: