jquery - 如何在 html() 方法@jQuery 中正确添加链接？

Question

这是我当前运行良好的代码：

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

如果我想链接“打得好！”这两个词怎么办？到某种页面？

我试着做一些不同的变化

<a href="">

...但这根本行不通。有什么帮助吗？:)

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 小提琴演示

参考：

• 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);

演示

希望有帮助。