如何通过父级a标签的href属性定位span元素并修改其文本

可以实现，你可以通过属性选择器结合父子元素层级关系完成定位，以下是具体实现方法：

你可以直接用属性匹配规则匹配对应href的父级a标签，再关联选中它的直接子span元素：

• 精确匹配href属性值：a[href="你需要匹配的完整href内容"] > span
• 模糊匹配href包含指定关键词：a[href*="要匹配的部分关键词"] > span
• 匹配href以指定内容开头：a[href^="开头的内容"] > span
• 匹配href以指定内容结尾：a[href$="结尾的内容"] > span

拿到目标span后可直接修改文本内容，示例代码如下：

// 1. 定位目标span
const targetSpan = document.querySelector('a[href="https://example.com/test"] > span');
// 2. 修改文本内容
if(targetSpan) {
  targetSpan.textContent = "修改后的新文本";
}

如果存在多个符合规则的span元素，可使用querySelectorAll获取元素集合后遍历处理即可。

如果项目使用jQuery，写法可简化为：

$('a[href="目标href属性值"] > span').text('修改后的文本');

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