如何更改链接的“href”属性使用jQuery具有特定的“href”？

Question

If a pages has several links as such:

<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>

How do I change them all on page load to :

<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

You need to select all anchor tag that href attribute of them start with "link" using [name^=”value”] selector and end with ".html" using [name$=”value”] selector. Then use .attr(function) to iterate selected element and change href attribute of them in function.

$("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> 

Also you can write the code in $(document).ready(function(){//code}) to running after page load.

Answer 2

 $.each($("a[href^='link'][href$='.html']"),function(){ $(this).attr("href",document.URL+"folder/"+$(this).attr("href")) }); 

 <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>