如何获取指定HTML代码中第二个Michael Stewart文本的直接跳转链接

要实现直接跳转到第二个Michael Stewart对应的内容位置，操作方法如下：

1. 给第二个Michael Stewart所属的父级元素（推荐选第二个class="project-details-item"的div，也可以选对应包裹该文本的h3标签）添加全局唯一的id属性，示例修改后的代码片段如下：

<!-- 第二个project-details-item块 -->
<div class="project-details-item" id="second-michael-stewart">
  <div class="row">
    <div class="project-details-info wow fadeInRight">
      <h3 class="project-details-title">
        Michael Stewart<br> Attorney
      </h3>
    </div>
    <div class="project-details-img col-md-8">
      <img alt="" class="img-responsive" src="img/projects/1-780x668.jpg">
    </div>
  </div>
</div>

2. 直接跳转的链接规则为：页面完整访问地址 + # + 你设置的唯一id值。比如当前页面访问地址是https://yoursite.com/project.html，那么对应的直接跳转链接就是https://yoursite.com/project.html#second-michael-stewart，访问该链接会自动定位到第二个Michael Stewart的内容位置。

如果只需要实现页内跳转，直接在跳转用的a标签的href属性里填写#second-michael-stewart即可。需要注意设置的id值不能和页面内其他元素的id重复，否则会跳转失效。

内容的提问来源于stack exchange，提问作者Green Billz