【 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 が含まれているリンクは全部書き換わります。

設定周りで悩んだら、お気軽にご相談ください。
問合せの際は「web担当者を見た」とお伝えください。

この記事を書いた人

デジタルマーケティングに16年間従事しているMITSUIです。Google AnalyticsとGoogle Tag Managerが大好きで、これらのツールを活用した情報提供を行っています。ブログではデジタルマーケティングに関する情報や最新のトレンド、ベストプラクティスを紹介しています。

コメント

コメントする

CAPTCHA


目次