source

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

ittop 2023. 10. 19. 22:43
반응형

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

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

다음과 같은 것을 사용합니다.

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

아니면 이것도

var author = $('meta[name=author]').prop('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의 구문 오류를 방지합니다.

방금 시도해봤는데, jQuery 버전별 오류일 수도 있지만,

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

다음 구문 오류가 발생했습니다.

Error: Syntax error, unrecognized expression: meta[property=twitter:image]

대장이 마음에 안 든다고 하네요저는 다음과 같이 이중 및 단일 인용문을 사용하여 수정할 수 있었습니다.

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

(jQuery version 1.8.3 -- 죄송합니다, @Danilo에게 이 내용을 댓글로 달았을 텐데 아직 댓글을 달지 못합니다.)

jQuery가 지원합니다..data();, 그래서 만일 당신이

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

사용하다

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

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

twitter meta name 선택 시 데이터 속성을 추가할 수 있습니다.

예제:

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

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

반응형