javascript - 如何使用 jQuery 更改链接的 "href"属性具有特定的 "href"？

Question

如果一个页面有多个这样的链接:

<a href="http://www.domain.com/linka.html">Link A</a>
<a href="http://www.domain.com/linkb.html">Link B</a>
<a href="http://www.domain.com/linkc.html">Link C</a>
<a href="http://www.domain.com/linkd.html">Link D</a>

如何在页面加载时将它们全部更改为:

<a href="http://www.domain.com/folder/linka.html">Link A</a>
<a href="http://www.domain.com/folder/linkb.html">Link B</a>
<a href="http://www.domain.com/folder/linkc.html">Link C</a>
<a href="http://www.domain.com/folder/linkd.html">Link D</a>

Answer 1

您需要使用[name^=”value”] 选择所有href 属性以“link”开头的 anchor 标签。选择器并以“.html”结尾使用 [name$=”value”]选择器。然后使用 .attr(function)迭代所选元素并在函数中更改它们的 href 属性。

$("a[href^='link'][href$='.html']").attr("href", function(i, attr){
    return "folder/" + attr;
});

$("a[href^='link'][href$='.html']").attr("href", function(i, attr){
  return "folder/" + attr;
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="linka.html">Link A</a>
<a href="linkb.html">Link B</a>
<a href="linkc.html">Link C</a>
<a href="linkd.html">Link D</a>

您也可以在$(document).ready(function(){//code})中编写代码，在页面加载后运行。