首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >元标记内容不随jquery而改变

元标记内容不随jquery而改变
EN

Stack Overflow用户
提问于 2017-08-21 20:22:03
回答 1查看 689关注 0票数 1

我有个问题。我已经使用jQuery来改变元内容,但是元内容没有改变。如何使用jQuery更改元内容。谢谢!

代码语言:javascript
运行
复制
   <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

        <meta id="meta-element" property='og:title' content="the title"/>
        <meta property="og:description" content="the desciption" />

    </head>
    <body>

        <script>
            $("meta[property='og:title']").attr("content", 'My title');
        </script>

        <!-- Go to www.addthis.com/dashboard to customize your tools -->
        <div class="addthis_inline_share_toolbox"></div>
        <!-- Go to www.addthis.com/dashboard to customize your tools -->
        <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-599ab21e622f447a"></script>
    </body>
    </html> 
EN

回答 1

Stack Overflow用户

发布于 2017-08-21 20:33:36

您可以通过以下方式使用jQuery:

代码语言:javascript
运行
复制
<script>
    $("meta[property='og\\:title']").attr("content", 'My title');
 </script>

如果您使用的是chrome (不使用属性,请使用名称):

代码语言:javascript
运行
复制
<script>
 $("meta[name='og:title']").attr("content", 'My title');
 </script>
票数 -2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/45797022

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档