首页 / JAVASCRIPT / javascript – 每个超链接的第一个字母

javascript – 每个超链接的第一个字母

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 每个超链接的第一个字母，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含973字，纯文字阅读大概需要2分钟。

内容图文

使用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)
})

内容总结

以上是互联网集市为您收集整理的javascript – 每个超链接的第一个字母全部内容，希望文章能够帮你解决javascript – 每个超链接的第一个字母所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/747559.html

来源：【匿名】