Jquery 将锚定标记应用于类下的所有h3标记

我试图找到一种方法，添加一个锚标签到所有的h3标签。内容是动态的性质

我只想为所有h3标签添加动态锚定标签

<div class="class1">
    <h2>Main heading</h2>
    <h3>Heading1</h3>
    <h1>some content1</h1>
    <h3>Heading2</h3>
    <h1>some content2</h1>
    <h3>Heading3</h3>
    <h1>some content3</h1>
</div>

主标题
标题1
一些内容1
标题2
一些内容2
头3
一些内容3

我尝试了下面的Jquery代码，但它没有创建任何内容

$("h3.class1").append('<h3>');
var al = $("h3.class1 >");

al.append('<a href="#"></a>');

$（“h3.class1”）。附加（“”）；
var al=$（“h3.class1>”）；
附加（“”）；

使用：

围绕匹配元素集中的每个元素包装一个HTML结构

$（'.class1 h3'）。换行（'
尝试


$（'.class1 h3'）.wrapInner（''）

主标题
标题1
一些内容1
标题2
一些内容2
头3
一些内容3
您可以使用
.html（）
回调函数来实现这一点：

作用
类型：函数（整数索引，htmlString OLDHML）=>htmlString
返回要设置的HTML内容的函数。接收集合中元素的索引位置和旧HTML值作为参数。jQuery在调用函数之前清空元素；使用旧HTML参数引用以前的内容。在函数中，它引用集合中的当前元素

$（'.class1 h3'）.html（函数（i，oldhtml）{
返回“”；
});
$（'div.class1 h3'）。每个（函数（）{
$（此）.wrap（“”）；
});
使用al.each（函数（i，e）{$（this.append（）
$('.class1 h3').wrap('<a />');

$('.class1 h3').html(function(i,oldhtml){
  return '<a href="#">'+ oldhtml +'</a>' ; 
});

$('div.class1 h3').each(function (){
            $(this).wrap('<a />');
        });