IT

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

lottoking 2020. 6. 11. 07:58
반응형

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


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


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

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

이 파서가 도움이 되겠습니까?

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

메타 OG 데이터를 JSon으로 구문 분석하므로 데이터를 직접 사용할 수 있습니다. 원하는 경우 JQuery를 사용하여 직접 읽고 쓸 수 있습니다. 예를 들면 다음과 같습니다.

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

속성 값 주위의 작은 따옴표를 주목하십시오. 이것은 jQuery에서 구문 분석 오류를 방지합니다.

이것은 내가 여기에 준 답장과 동일합니다 : https : //.com/questions/4059207


방금 시도한 결과 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 name="twitter:card" data-twitterCard="" content=""
$('[data-twitterCard]').attr('content');

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

다음과 같은 내 문제를 해결하십시오.

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

참고 URL : https://stackoverflow.com/questions/1036351/is-it-possible-to-use-jquery-to-read-meta-tags

반응형