javascript - 每个<h3>的第一个字母变成超链接

Question

使用 javascript 我正在像这样循环访问我的 H3 元素:

$('h3').each(function(){ });

然后我为该标签生成一个 anchor ，格式如下:“section-x”，其中 x 为页面上的每个 H3 递增。我遇到的问题是我希望标题的第一个字母是 anchor 链接，如下所示:

*H*领先

.. 其中 H 带下划线，表示链接。我可以格式化 anchor ，但我不知道如何在每个标题的第一个字母周围包裹超链接标签。一些帮助将不胜感激。

问候， 克万贝伦东克

Answer 1

是这样的吗？

$('h3').each(function(){ 
    var currentHeading = $(this).text();

    $(this).html("<a href='link'>" + currentHeading.substr(0,1) + "</a>" + currentHeading.substr(1, currentHeading.length - 1));
});