Question

我有一个jquery代码，可以显示元素onclick。问题是它只显示纯文本，它应该是html格式。请帮忙。谢谢。 jsbin here

$(".click").click( function(){    
    $("#container").html("&lt;a href=&quot;&quot;&gt;display me as html&lt;/a&gt;");
});

  <span class='click'>Click me</span>

  <div id='container'>[data will appear here onclick]</div>

$(".click").click( function(){    
    $("#container").html("&lt;a href=&quot;&quot;&gt;display me as html&lt;/a&gt;");
});

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
  <span class='click'>Click me</span>
  <div id='container'></div>
</body>
</html>

Answer 1

您不需要为输出提供html实体：

$("#container").html("&lt;a href=&quot;&quot;&gt;display me as html&lt;/a&gt;");

只需使用常规的HTML代码：

$("#container").html("<a href=''>display me as html</a>");

Answer 2

试试这个：JSFIDDLE

$("#container").html('&lt;a href=&quot;&quot;&gt;display me as html&lt;/a&gt;').html($("#container").text());

如何在div onclick中显示html元素？

2 个答案: