如何使用jquery根据子项更改href属性

我在一页中有几段。每个标题都由自动生成的id标记

例如：

<h3 id="One">Title 1</h3>
<h3 id="Two">Title 2</h3>
<h3 id="Tree">Title 3</h3>
<h3 id="Foor">Title 4</h3>

标题1
标题2
标题3
标题4

使用jquery，我为每个标题创建了一个父项。代码如下：

$(function () {
    $('.markdown-block .sqs-block-content > h3').wrap("<a class='blockLink'></a>");
});

$（函数（）{
$（'.markdown block.sqs block content>h3'）。换行（“

---

谢谢！

循环浏览每个标题，获取其id，并将其用于包装每个标题的链接

$（函数（）{
$（'.markdown block.sqs block content>h3'）。每个（函数（索引，ele）{
变量$this=$（ele）；
var id=$this.attr（'id'）；
$this.wrap（“”）；
});
});

我建议使用

wrap（）

方法的匿名函数：

$（函数（）{
//因为我们没有我所看到的HTML
//简化了选择器；显然这需要
//将在生产中进行调整：
$（'h3'）.wrap（函数（）{
//在这里，我们返回HTML的一个模板文本，其中包含
//您希望围绕“this”（当前
//元素中包含的JavaScript
//“${…}”将被解析并插入到结果中
//模板文字：
返回``；
});
})；

标题1
标题2
标题3
标题4

或只是

href='#“+id+”>

<a class="blockLink"><h3 id="One">Title 1</h3></a>
<a class="blockLink"><h3 id="Two">Title 2</h3></a>
<a class="blockLink"><h3 id="Tree">Title 3</h3></a>
<a class="blockLink"><h3 id="Foor">Title 4</h3></a>

<a href="#One" class="blockLink"><h3 id="One">Title 1</h3></a>
<a href="#Two" class="blockLink"><h3 id="Two">Title 2</h3></a>

$(function () {  
  $('.markdown-block .sqs-block-content > h3').each(function(index,ele){
    var $this = $(ele);
    var id = $this.attr('id');

    $this.wrap("<a class='blockLink' href='#".concat(id,"'></a>"));
  });
});