Jquery: HTML an eine Variable anhängen, die HTML enthält [geschlossen] - javascript, jquery, variables, append

Ich habe einen var, der eine Menge HTML enthält. Ich möchte einen Link hinzufügen, bevor Sie die var an ein Wrapper-Div anhängen, z. B .:

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

Ich habe ein paar Möglichkeiten ausprobiert, aber ich kann es nicht richtig verstehen oder Informationen über SO finden.

Muss ich die Variable vorher "explodieren"?

Weiß jemand, wie man das erreicht?

Antworten:

mach einfach

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

$ content ist nicht das Gleiche wie Inhaltakut $ content Dies ist etwas, das Sie selbst deklarieren müssten. Wenn Sie jQuery verwenden, wird das Präfix $ für Variablen verwendet, die sich auf etwas im Dom beziehen, auf das Sie jQuery-Methoden anwenden können. Also wenn $ content war ein domnode, den Sie $ content.append ausführen können, aber nicht bevor Sie es deklarieren. Ihre Inhalt Variable ist eine Zeichenfolge, auf die jQuery-Methoden nicht angewendet werden.

Sie können den generierten HTML-Code mit dem jQuery-Selektor auswählen, der ihn in tatsächliche DOM-Knoten parsen wird. Von dort aus können Sie alles machen, was Sie brauchen:

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

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