使用jQuery动态更改元标记

时间:2015-08-28 18:16:27

标签: javascript jquery html

我有一个包含多个段落的页面,当用户点击'快照'段落旁边的按钮,该段落在画布上作为图像再现,并显示在原始段落上方。

快照旁边的paragaph是一个'分享'按钮,如何在点击“共享”按钮时将以下元标记内容的网址更改为快照段落的网址?按钮。

分享按钮

<a href="#" id="share">Share?</a>

分享按钮后点击

<meta name="twitter:image" content="p.jpg">

分享按钮后点击

<meta name="twitter:image" content="image/paragraphxi34343.jpg">

任何解决方案?

2 个答案:

答案 0 :(得分:1)

不确定这是否是优化方式,但这应该有用。

$("meta").each(function() {

  if($(this).attr("name") == "twitter:image") {
    $(this).attr("content" , "image/paragraphxi34343.jpg");
  };
});

更通用的方法是

function changeMetaContent(metaName, newMetaContent) {
    $("meta").each(function() {

      if($(this).attr("name") == metaName) {
        $(this).attr("content" , newMetaContent);
      };
    });
}

一样打电话
changeMetaContent("twitter:image", "image/paragraphxi34343.jpg");

在评论讨论后更新

如果您在输入字段中有网址,请执行此操作。

<input value="http://some-image-url.png" type="hidden" id="image-url-input" />

像这样调用函数;

var imageURL = $("image-url-input").val();
changeMetaContent( "twitter:image", imageURL );

答案 1 :(得分:0)

$('head meta[name=twitter:image]').attr('content', 'image/paragraphxi34343.jpg');

看看:https://api.jquery.com/attr/