【 jQuery】リンクURLを一括で書き換える。

jQueryでaタグのリンク先(href)を変更する方法です。

ランディングページのリンク先URLを書き換える必要が出ました。
一個一個書き換えるのは面倒なので、jqueryを利用して、サクッとおきかえます。

対象のリンクURLが下記の場合
<a href=”https://example.com/contact.html”>XXXXXXXX</a>

置換えたいリンクURL
https://example.com/new_contact.html

<script>
$(document).ready(function() {
$('a[href="https://example.com/contact.html"]').attr("href", "https://example.com/new_contact.html")
});
</script>

これで、リンクURLがhttps://example.com/contact.html　のものは、https://example.com/new_contact.htmlに置換わります(・∀・)

https://example.com/contact.htmlの後にパラメーターをつけているリンクは書き替わっていませんでした・・・・。

https://example.com/contact.html?○○○○○　こんなやつね。

そんな時は、正規表現を使います。

Jqueryで正規表現

やり方は簡単^をhrefと＝の間に入れるだけ。href^=　←これ。

<script>
$(document).ready(function() {
$('a[href^="https://example.com/contact.html"]').attr("href", "https://example.com/new_contact.html")
});
</script>

https://example.com/contact.html　が含まれているリンクは全部書き換わります。