เป็นไปได้ไหมที่จะใช้ jQuery เพื่ออ่านเมตาแท็ก

เป็นไปได้ไหมที่จะใช้ jQuery เพื่ออ่านเมตาแท็ก ถ้าเป็นเช่นนั้นคุณรู้หรือไม่ว่าโครงสร้างพื้นฐานของโค้ดจะเป็นอะไรหรือมีลิงก์ไปยังบทช่วยสอนใด ๆ

เพียงใช้สิ่งที่ชอบ:

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

โปรแกรมแยกวิเคราะห์นี้จะช่วยคุณได้ไหม

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

มันวิเคราะห์ข้อมูล meta OG ไปยัง JSON ดังนั้นคุณสามารถใช้ข้อมูลได้โดยตรง หากคุณต้องการคุณสามารถอ่าน / เขียนโดยตรงโดยใช้ JQuery ตัวอย่างเช่น:

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

หมายเหตุเครื่องหมายคำพูดเดี่ยวรอบค่าแอตทริบิวต์ สิ่งนี้จะช่วยป้องกันข้อผิดพลาดในการแยกวิเคราะห์ใน jQuery

ฉันเพิ่งลองสิ่งนี้และนี่อาจเป็นข้อผิดพลาดเฉพาะรุ่น 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 จากนั้นคุณสามารถวนซ้ำคอลเล็กชันเพื่อเลือกคุณลักษณะขององค์ประกอบที่คุณสนใจ

สำหรับชื่อ meta twitter ที่เลือกคุณสามารถเพิ่มแอตทริบิวต์ data

ตัวอย่าง:

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