每个<h3>的第一个字母成为超链接

Question

使用javascript我循环遍历我的H3元素,如下所示:

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

然后我为这个标签生成一个锚点,格式如下:"section-x",其中x为页面上的每个H3递增.我遇到的问题是我希望标题的第一个字母成为锚链接,如下所示:

*H*eading

..其中H加下划线,表示链接.我可以格式化锚点但是我不知道如何在每个标题的第一个字母周围包装超链接标记.一些帮助将不胜感激.

此致,kvanberendonck

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