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

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

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

*标题

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

问候,
kvanberendonck

解决方法:

让我们抛出一些简单的javascript：

$('h3').html(function(i){
    var self = $(this)
      , html = self.html()

    return html[0].anchor('section-'+i) + html.substring(1)
})

> html(以及大多数其他setter函数)接受函数作为参数,并使用每个元素的返回值
>“string”.link(target)创建代码< a href =“#target”> string< / a>.一个很好的老式有用的方法

编辑：从.link切换到.anchor.虽然不推荐使用Anchor,但您应该开始使用ID：

$('h3').html(function(i){
    var self = $(this)
      , text = self.text()

    // give the H3 an id and link to it
    // ideally the headers should already have an id
    this.id = 'section-'+i
    return text[0].link('#section-'+i) + text.substring(1)
})