it-swarm.com.de

Ist es möglich, mit jQuery Meta-Tags zu lesen?

Ist es möglich, mit jQuery Meta-Tags zu lesen? Wenn ja, wissen Sie, wie die grundlegende Struktur des Codes aussehen wird, oder Sie haben Links zu anderen Tutorials.

144
Ankur

Verwenden Sie einfach etwas wie:

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

Würde Ihnen dieser Parser helfen?

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

Es analysiert Meta-OG-Daten in JSon, sodass Sie die Daten direkt verwenden können. Wenn Sie möchten, können Sie sie natürlich direkt mit JQuery lesen/schreiben. Zum Beispiel:

$("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. Dadurch werden Analysefehler in jQuery vermieden.

Dies ist die gleiche Antwort, die ich hier gegeben habe: https://stackoverflow.com/questions/4059207

18
Danilo Moret

Ich habe es gerade ausprobiert und dies könnte einen jQuery-Versions-spezifischen Fehler sein, aber

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

ergab den folgenden Syntaxfehler für mich:

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 das lässt mich noch nicht kommentieren.)

8
charltoons

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

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

benutzen

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

Sollte Ihnen ein Array von Elementen mit dem Tag-Namen META zurückgeben, können Sie die Auflistung durchlaufen, um die Attribute der Elemente auszuwählen, die Sie interessieren.

4
illvm

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

beispiel: 

meta name="Twitter:card" data-twitterCard="" content=""
$('[data-twitterCard]').attr('content');
1
PoussinDev
var author = $('meta[name=author]').attr("content");

löse mein Problem, zum Beispiel:

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