如何更改鏈接的“href”屬性使用jQuery具有特定的“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”開頭，並使用[name$=”value”]選擇器以“.html”結尾。 然后使用.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})為在頁面加載后運行。

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>