Question

我需要制作动态元素。在点击或加载页面时，元标记字段必须采用标记＆lt; h1＆gt;内的内容。这可能吗？

<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');

其中“新内容”是您希望放入其中的内容。

编辑：要完成您想要做的事情并将内容设置为您可能尝试的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进行元动态

2 个答案: