javascript - Jquery：将 HTML 附加到包含 HTML 的变量

Question

我有一个包含一堆 HTML 的 var。我想在将var附加到包装器div之前附加一个链接，例如：

var content = '~html generated from JSON~'
$content.append.("<a href='link'>Link</a>");

我已经尝试了几种方法来做到这一点，但我无法正确或找到关于 SO 的任何信息。

我需要事先“分解”变量吗？

有谁知道如何实现这一目标？

Answer 1

您可以使用 jQuery 选择器选择生成的 HTML，它将解析为实际的 DOM 节点。从那里你可以做任何你需要的事情：

var $content = $('~html generated from JSON~'),
    $link = $('<a href="link">Link</a>');

$content.find('span').append($link);

Answer 2

做就是了

content += "<a href='link'>Link</a>";

$content与content不同，实际上$content是您必须自己声明的东西，通常当您使用 jQuery 时， $ 前缀用于与您可以应用 jQuery 方法的 dom 上的某些内容相关的变量。所以如果$content是一个 domnode 你可以做 $content.append，但不是在你声明它之前。您的内容变量是一个不适用 jQuery 方法的字符串。