javascript / jquery 元动态

Question

我需要制作动态元数据。单击或加载页面时，元标记字段必须采用标记

内的内容。可能吗？

<html>
  <head> 

    <title>my site</title>
    <meta property="og:title" content="" />
    <meta property="og:description" content="" />
    <meta property="og:image" content="" />

  </head>
  <body>

    <h1 id="titolo">Titolo</h1>

    <p id="descrizione">Vestibulum velit justo, porta a aliquet a; sodales nec quam. Etiam lobortis tortor ex, non iaculis dolor interdum in!</p>

    <img id="immagine" src="immagine.jpg" />

    <a target='_blank' class="fb"href='https://www.facebook.com/sharer/sharer.php?u=http://miosito.org/' >Share facebook</a>
    <a target='_blank' class="tw" href='https://twitter.com/intent/tweet?url=http://miosito.org/ '>Share twitter</a>
    <a target='_blank' class="gplus" href='https://plus.google.com/share?url=http://miosito.org/' >Share gplus</a>

  </body>
</html>

谢谢

Answer 1

要用 jQuery 实现这个，试试这个：

$('meta[property=og:title]').attr('content', 'new content');

其中 'new content' 是您要放入其中的内容。

编辑：要准确地执行您想执行的操作并将内容设置为 H1 中的内容，您可以尝试：

$('meta[property=og:title]').attr('content', $('#titolo').html());

Answer 2

之前已经回答过了，但你可以这样做：

<script type='text/javascript'>
$(document).ready(function() {
    $('meta[property=og:title]').remove();
    $('head').append('<meta property="og:title" content="blah" />');
});
</script>

javascript / jquery 元动态

meta dynamic with javascript / jquery

javascript

jquery

share