如何获取同级h3元素ID并自动填充到对应a标签的href属性中

这个需求完全可以实现，只需少量jQuery代码即可完成批量替换操作，代码示例如下：

$(document).ready(function() {
  // 遍历所有class为title的容器
  $('.title').each(function() {
    // 读取当前容器内h3的id属性
    var sectionId = $(this).find('h3').attr('id');
    // 拼接为锚点格式，替换同容器内a标签的href属性
    $(this).find('a.url').attr('href', '#' + sectionId);
  });
});

代码逻辑说明：

• 绑定DOM加载完成事件，保证所有页面元素渲染完成后再执行操作，不会出现找不到元素的问题
• 逐个遍历每个.title容器，分别处理对应容器内的元素，不会出现ID匹配错误的问题
• 兼容所有支持jQuery的旧版浏览器，不需要额外依赖

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