jQuery를 사용하여 메타 태그를 읽을 수 있습니까?

Question

jQuery를 사용하여 메타 태그를 읽을 수 있습니까? 그렇다면 코드의 기본 구조가 무엇인지 알고 있거나 튜토리얼에 대한 링크가 있습니다.

Answer 1

다음과 같은 것을 사용하십시오.

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

Answer 2

이 파서가 도움이 될까요?

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의 구문 분석 오류를 방지합니다.

이것은 내가 여기서 준 것과 같은 답변입니다. 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")

태그 이름이 메타 인 요소 배열을 돌려 준 다음 컬렉션을 반복하여 관심있는 요소의 속성을 선택할 수 있습니다.

Answer 6

Select 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">