metaタグの取得

とある案件で、metaタグをjQueryで動的に書き換える必要があったので、
その時の対応方法をメモ代わりに投稿します。
※　もっといいやり方あるって方は、ご教授のほど宜しくお願い致します。

FacebookのOGタグ取得

<meta property="og:title" content="テスト">

こちらのcontentの中身を取得する際は、jQueryで以下のようにする。
$("meta[property='og:title']").attr('content');
今回で言えば、「テスト」を取得できる。

こちらを書き換える際は以下。
$("meta[property='og:title']").attr('content','書き換え後');
こちらで書き換えることができる。

タイトルにかぎらず、OGタグは共通で、
$("meta[property='og:<必要なタグ>']").attr('content');
で操作できるようになる。

Twitterカードタグのメタタグ取得

<meta name="twitter:title" content="テスト">

こちらはのcontentの中身を取得する際は、jQueryで以下のようにする。
$("meta[name='og:title']").attr('content');
今回で言えば、「テスト」を取得できる。

こちらを書き換える際は以下。
$("meta[name='twitter:title']").attr('content','書き換え後');
こちらで書き換えることができる。

タイトルにかぎらず、OGタグは共通で、
$("meta[name='twitter:<必要なタグ>']").attr('content');
で操作できるようになる。