Return 元标记为字符串

Question

我正在尝试 return 这个元标记：

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

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

如何return标签和标签的内容？

Answer 1

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

$(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>

Answer 2

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

$('#output').text($('<div>').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>

基于外部的备选方案HTML

这个更直接：取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>

Return 元标记为字符串

Return Meta Tag as String

javascript

jquery

html

meta

基于外部的备选方案HTML