Anexar / mostrar html em div como é - jquery, html, append

Quero anexar tags text / html em div sem alterar seu significado. Então, quando eu adiciono
<a>This is not anchor </a>, deve exibir <a>This is not anchor </a> Mas ele exibe hiperlink dentro div -> Isso não é âncora.
Como posso conseguir isso usando $("#mydiv").append("<a>This is not anchor</a>"). Por favor ajude.

Respostas:

Parece que você precisa anexá-lo como texto em si. então use assim,

$("#mydiv").text($("#mydiv").text()+"<a>This is not anchor</a>")

.append() acrescenta conteúdo como HTML e não como texto. enquanto você precisa anexar o conteúdo como texto. você pode usar a função de retorno de chamada .text() Para alcançar isto:

$("#mydiv").text(function(i,o){
return o + "<a>This is not anchor</a>";
});

Demonstração de Trabalho