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

Question

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

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

如果我想将"打得好！"这句话链接到某种页面怎么办？

我尝试做一些不同的变体

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

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

演示

希望有帮助。