Ist es möglich, jQuery zum Lesen von Meta-Tags zu verwenden?

Ist es möglich, jQuery zum Lesen von Meta-Tags zu verwenden? Wenn ja, wissen Sie, wie die Grundstruktur des Codes aussehen wird, oder haben Links zu Tutorials.

Verwenden Sie einfach etwas wie:

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

Würde Ihnen dieser Parser helfen?

https://github.com/fiann/jquery.ogp

Es analysiert Meta-OG-Daten in JSON, sodass Sie die Daten einfach direkt verwenden können. Wenn Sie möchten, können Sie diese natürlich direkt mit JQuery lesen / schreiben. Beispielsweise:

$("meta[property='og:title']").attr("content", document.title);
$("meta[property='og:url']").attr("content", location.toString());

Beachten Sie die einfachen Anführungszeichen um die Attributwerte. Dies verhindert Analysefehler in jQuery.

Ich habe es gerade versucht, und dies könnte ein Versionsfehler von jQuery sein, aber

$("meta[property=twitter:image]").attr("content");

führte für mich zu folgendem Syntaxfehler:

Error: Syntax error, unrecognized expression: meta[property=twitter:image]

Anscheinend mag es den Doppelpunkt nicht. Ich konnte es beheben, indem ich doppelte und einfache Anführungszeichen wie folgt verwendete:

$("meta[property='twitter:image']").attr("content");

(jQuery Version 1.8.3 - Entschuldigung, ich hätte dies zu @Danilo kommentiert, aber ich kann es noch nicht kommentieren.)

jQuery unterstützt jetzt .data();, wenn ja

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

verwenden

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

$("meta")

Sollte Ihnen ein Array von Elementen zurückgeben, deren Tag-Name META ist, und dann können Sie die Sammlung durchlaufen, um die Attribute der Elemente auszuwählen, an denen Sie interessiert sind.

Für einen ausgewählten Twitter-Metanamen können Sie ein Datenattribut hinzufügen.

Beispiel:

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