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.
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 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
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.)
jQuery unterstützt jetzt .data();
, wenn Sie also
<div id='author' data-content='stuff!'>
benutzen
var author = $('#author').data("content"); // author = 'stuff!'
$("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.
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');
var author = $('meta[name=author]').attr("content");
löse mein Problem, zum Beispiel:
<meta name="author" content="a314r">