将元标记作为字符串返回答案

【问题标题】：Return Meta Tag as String将元标记作为字符串返回
【发布时间】：2017-01-21 12:08:55
【问题描述】：

我正在尝试返回此元标记：

<meta name="viewport" content="width=device-width, initial-scale=1">

因此，当显示移动页面时，您会在页面上看到该标签。

如何返回标签和标签的内容？

【问题讨论】：

你能告诉我们你到底想要什么吗？我的意思是你从哪里回来。

标签： javascript jquery html meta

【解决方案1】：

您可以获取meta 元素并将其克隆到内存div 中，然后获取其中的html，最终将其显示为文档中某处的文本：

$('#output').text($('&lt;div&gt;').append($('meta[name=viewport]').clone()).html());

<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="output"></div>

基于outerHTML的替代方案

这更直接：获取meta标签的外部HTML并输出它：

$('#output').text($('meta[name=viewport]').prop('outerHTML'));

<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="output"></div>

【讨论】：

【解决方案2】：

元标签仍然只是标签。像对待任何其他类型的标签一样对待它们

$(document).ready(function() {
    $('meta').each(function() {
        $('#foo').append($(this).attr('name')+": "+$(this).attr('content')+"<br />");
    });
});

<head><title>foo</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
</head>
<body>
<div id="foo"></div>
</body>

【讨论】：