jQuery / meta 태그의 값 가져오기

jQuery로 원하는 meta 태그를 선택하여 값을 가져오는 방법은 다음과 같습니다.

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

meta 태그 중 name이 xxx인 것을 선택하고, content 속성의 값을 가져오라는 뜻입니다.

<!doctype html>
<html lang="ko">
  <head>
    <meta charset="utf-8">
    <title>jQuery</title>
    <meta name="author" content="JB">
    <meta property="og:image" content="abc.png">
    <script src="//code.jquery.com/jquery-3.3.1.min.js"></script>
    <script>
      $( document ).ready( function() {
        var jbMeta1 = $( 'meta[name="author"]' ).attr( 'content' );
        var jbMeta2 = $( 'meta[property="og:image"]' ).attr( 'content' );
        $( 'body' ).append( jbMeta1 + ', ' + jbMeta2 );
      } );
    </script>
  </head>
  <body>
  </body>
</html>

jQuery 강좌