반응형
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
반응형
'source' 카테고리의 다른 글
창문 너비를 각도로 하려면 어떻게 해야 합니까?컨트롤러에서 크기를 조정하는 JS? (0) | 2023.10.19 |
---|---|
여러 특성에 걸쳐 트랙 바이 트랙이 있는 ng-repeat (0) | 2023.10.19 |
왜 페이지가 작동하지 않고 워드프레스 사이트에서 404 에러가 발생합니까? (0) | 2023.10.19 |
객체의 속성 중에서 min/max 값을 얻는 빠른 방법 (0) | 2023.10.19 |
두 디브의 스크롤 위치를 동기화하려면 어떻게 해야 합니까? (0) | 2023.10.19 |