jQueryを使用してメタタグを読み取ることは可能ですか

Question

jQueryを使用してメタタグを読み取ることは可能ですか？その場合、コードの基本構造がどのようなものかを知っているか、チュートリアルへのリンクがあります。

Answer 1

次のようなものを使用します。

var author = $('meta[name=author]').attr("content");

Answer 2

このパーサーは役立ちますか？

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

Answer 3

これを試してみましたが、これは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にコメントしていたはずですが、まだコメントできません）

Answer 4

jQueryは .data（）; をサポートするようになりました。

<div id='author' data-content='stuff!'>

使用

var author = $('#author').data("content"); // author = 'stuff!'

Answer 5

$("meta")

タグ名がMETAである要素の配列を返す必要があります。その後、コレクションを反復処理して、関心のある要素の属性を選択できます。

Answer 6

twitterメタ名を選択するには、データ属性を追加できます。

例：

meta name="twitter:card" data-twitterCard="" content=""
$('[data-twitterCard]').attr('content');

Answer 7

var author = $('meta[name=author]').attr("content");

次のような問題を解決します。

<meta name="author" content="a314r">