使用 jQuery 设置元标记值时遇到问题

Question

可能的重复：
是否可以使用javascript更改页面的元标记？

我正在尝试使用 jQuery 设置元标记（请不要回复说这没有意义，因为搜索引擎等等等等......我正在加载调用检查这些值的第 3 方 Javascript 函数，例如 Tweetmeme 和 Facebook）。

如果我使用：

 $('meta[name=some-name]').attr('content', 'some value');

它确实可以设置现有元标记的值，但如果这样的命名标记不存在，则不会创建元标记。

如果您对此有见解或经验，请回复...

Answer 1

你可以这样做，不是最干净的，但你想做的事情很奇怪，所以没有一个很好的方法来处理它：

var mt = $('meta[name=some-name]');
mt = mt.length ? mt : $('<meta name="some-name" />').appendTo('head');
mt.attr('content', 'some value');

其中的条件表达式检查 .length，它是 0 或false 如果没有找到，如果是这种情况，我们创建元素并将其附加到头部，无论是添加的还是最初找到的，mt 都会设置为 现在使用该名称的 即可设置该属性。

Answer 2

利用尼克的代码，我创建了一个函数来进行元标记设置，并在必要时创建。这应该对任何人都有用...

    function setOrCreateMetaTag(metaName, name, value) {
        var t = 'meta['+metaName+'='+name+']';
        var mt = $(t);
        if (mt.length === 0) {
            t = '<meta '+metaName+'="'+name+'" />';
            mt = $(t).appendTo('head');
        }
        mt.attr('content', value);
    }

元名称最常被假定为“名称”，但我还必须设置“属性”，因此使函数处理元元名称。

Answer 3

我只是在 iOS 上尝试了一下。事实证明，可以动态设置元标记来防止在 iOS 上缩放，如下所示：

$('<meta>', {
 name: 'viewport',
 content: 'width=device-width, minimum-scale=1, maximum-scale=1'
}).appendTo('head');

但是删除它，并没有重新启用缩放：

$('meta[name=viewport]').remove();

但覆盖元标记：

$('meta[name=viewport]').attr(
 'content',
 'width=980, minimum-scale=0.25, maximum-scale=1.6'
);

使用其默认值可以。