如何在html（）方法@ jQuery中正确添加链接？

Question

这是我目前正常运作的代码：

$("h2").html("Well played!");

如果我想链接“好好玩的话”，该怎么办？到某种页面？

我尝试了一些不同的

变体

  

＆LT; a href =“”＆gt;

......但这根本行不通。有帮助吗？ ：）

Answer 1

如果您想将链接附加到h2元素：

$('h2').html('<a href="http://path.to.whatever/page.html">Well played</a>');

或者你可以简单地使用：

$('h2').append('<a href="http://path.to.whatever/page.html">Well played</a>');

或者：

$('<a />', {'text' : 'well played', 'href' : 'http://path.to.whatever/page.html'}).appendTo('h2');

JS Fiddle demo

参考文献：

• append()。
• appendTo()。
• html()。

Answer 2

尝试

 $("h2").html("<a href='some.html'> Well Played </a>")

或 appendTo() 方法

 $("<a href='some.html'> Well Played </a>").appendTo($("h2"));

或 append() 方法

 $("h2").append($("<a href='some.html'> Well Played </a>"));

Answer 3

另一种方式是：

var link = $(document.createElement('a'));
link.attr({"href" : "http://www.test.com/link"}).text("Well Played!!");
$('h2').append(link);

Demo

希望有所帮助。