jQueryを使用してメタタグを読み取ることは可能ですか
質問
jQueryを使用してメタタグを読み取ることは可能ですか?その場合、コードの基本構造がどのようなものかを知っているか、チュートリアルへのリンクがあります。
解決
次のようなものを使用します。
var author = $('meta[name=author]').attr("content");
他のヒント
このパーサーは役立ちますか?
https://github.com/fiann/jquery.ogp
メタOGデータをJSonに解析するため、データを直接使用できます。もちろん、JQueryを使用して直接読み書きすることもできます。例:
$("meta[property='og:title']").attr("content", document.title);
$("meta[property='og:url']").attr("content", location.toString());
属性値を囲む一重引用符に注意してください。これにより、jQueryの解析エラーが防止されます。
これは私がここで与えたのと同じ返信です: https://stackoverflow.com/questions/4059207
これを試してみましたが、これはjQueryバージョン固有のエラーの可能性がありますが、
$("meta[property=twitter:image]").attr("content");
次の構文エラーが発生しました:
Error: Syntax error, unrecognized expression: meta[property=twitter:image]
どうやらコロンは好きではないようです。次のように二重引用符と単一引用符を使用して修正できました。
$("meta[property='twitter:image']").attr("content");
(jQueryバージョン1.8.3-申し訳ありませんが、これを@Daniloにコメントしていたはずですが、まだコメントできません)
jQueryは .data();
をサポートするようになりました。
<div id='author' data-content='stuff!'>
使用
var author = $('#author').data("content"); // author = 'stuff!'
$("meta")
タグ名がMETAである要素の配列を返す必要があります。その後、コレクションを反復処理して、関心のある要素の属性を選択できます。
twitterメタ名を選択するには、データ属性を追加できます。
例:
meta name="twitter:card" data-twitterCard="" content=""
$('[data-twitterCard]').attr('content');
var author = $('meta[name=author]').attr("content");
次のような問題を解決します。
<meta name="author" content="a314r">
所属していません StackOverflow