如何在Jquery中将H1标签添加到$（'a'）

Question

此代码是在jQuery测验的最后阶段显示的代码。它在我的网站上格式不正确（可能有点困扰我的CMS），但是h1标签是我想要的格式。

如何使a href成为h1标签？

$('<a>')
.addClass('#subscribetext')
.attr('id','subscribetext')
.attr('href','https://www.hamsterdance.org/subscribe')
.html('')
.text('Sign me up!')
.insertAfter('#tweetresult'); 

Answer 1

使用.append()而不是.text()

如果您使用.text('<h1>Sign me up!</h1>')，它将显示<h1>Sign me up!</h1>
，但是如果您使用.append('<h1>Sign me up!</h1>')，它将显示

注册我！

$('<a>')
.addClass('subscribetext')
.attr('id','subscribetext')
.attr('href','https://www.hamsterdance.org/subscribe')
.append('<h1>Sign me up!</h1>')
.insertAfter('#tweetresult'); 

演示

$('<a>')
.addClass('subscribetext')
.attr('id','subscribetext')
.attr('href','https://www.hamsterdance.org/subscribe')
.append('<h1>Sign me up!</h1>')
.insertAfter('#tweetresult'); 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="tweetresult"></div>

Answer 2

您可以使用.wrap()将链接包装到另一个元素，例如h1。您还可以在创建元素时设置属性，以提高性能。

$('<a>', {
    id: 'subscribetext',
    'class': '#subscribetext',
    href: 'https://www.hamsterdance.org/subscribe'
  })
  .text('Sign me up!')
  .insertAfter('#tweetresult')
  .wrap('<h1></h1>');