PC版とスマートフォン版でリンク先を出し分けるために、リンク先URLをPC版とスマートフォン版で差し替える例と、一部だけ置換する例をご紹介します。
リンク先URLを指定したURLに差し替える例
変更前のHTMLがこのように書かれているとします。
この場合、下記のようにjQueryを記述します。
$(document).ready(function() {
$("#link_text a").attr("href", "http://www.db.gs/")
});
これでリンク先URLが差し替えられて下記のようになります。
リンク先URLを部分的に置換する例
ドメインや拡張子など、部分的に置換したい場合は下記のように記述します。この例の場合、aタグ全てのhrefの値を「.com」から「.jp」に置換します。
$(document).ready(function() {
$("a").each(function() {
var replace = null;
var replace = $(this).attr('href').replace(/.com/g,'.jp');
$(this).attr('href',replace);
});
});
これでリンク先URLは下記のようになります。
以上、jQueryでaタグのhrefの値(リンク先URL)を差し替えもしくは置換する方法でした。
