Question

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

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

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

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

Answer 1

您可以抓取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>

基于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>

Answer 2

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

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

将元标记返回为字符串

2 个答案:

基于outerHTML