jquery - 如何链接到段落内的文本

标签 jquery css html

我的主菜单中有以下两个链接,并且一页中有一些具有不同标题的文本。当任何人单击第一个链接时,我想将我的用户直接带到标题为“我的标题 1”的第一个段落,如果有人单击第二个链接,那么我想将我的用户直接带到第二个段落标题为“我的标题 2”

<a> Link to "My Title 1" </a>  ...Link 1   
<a> Link to "My Title 2" </a>   ...Link 2    


<h1> My Title 1 </h1>
  <p> My 500 line texts goes here </p>


<h1> My Title 2 </h1>
  <p> My 600 line texts goes here </p>

我不知道如何实现这一点,请您告诉我吗?

提前致谢:)

最佳答案

您需要使用所谓的 anchor 。将 id 应用到每个标题,并将相同的 id 应用到链接的 href 属性。确保在其前面添加哈希 (#)。浏览器将为您完成跳转。

<a href="#title1">Title 1</a>
<h1 id="title1">Title 1</h1>

关于jquery - 如何链接到段落内的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9913476/

相关文章:

javascript - 如何在 ReactJs 中获取标签属性值?

javascript - 使用 jquery 添加类和淡入

CSS问题<li>高度

javascript - 使用 Ctrl + w 按 "X"后无法使用 "stay on this page"图标关闭 IE 11 浏览器

html - 表格列宽不适用于 css

javascript - 圆形进度条不是从中间开始

javascript - jQuery - 是否可以将悬停转发到另一个元素?

javascript - JQuery 搜索仅限于 Angular 组件的 DOM

html - CSS 列表样式图像未显示

javascript - 为什么 jQuery 脚本可以在 jFiddle 上运行,但不能在我的本地机器上运行?