如何通过元素的唯一路径值增删对应a标签的href属性

分原生JavaScript和jQuery两种常用实现方式，操作前需注意要提前缓存原始href值，避免移除属性后无法获取原始值。

原生JavaScript实现 #

移除href属性 #

// 匹配目标a标签
const targetLink = document.querySelector('a[href="Edit/44"]');
// 缓存原始href值供后续恢复使用
const originalHref = targetLink.getAttribute('href');
// 移除href属性
targetLink.removeAttribute('href');

恢复href属性 #

// 确认缓存值存在后赋值
if (originalHref) {
  targetLink.setAttribute('href', originalHref);
}

jQuery实现 #

移除href属性 #

// 缓存原始href值
const originalHref = $('a[href="Edit/44"]').attr('href');
// 移除href属性
$('a[href="Edit/44"]').removeAttr('href');

恢复href属性 #

$('a[href="Edit/44"]').attr('href', originalHref);

注意：上述选择器为精确匹配href属性值，如果实际页面渲染后a标签的href值包含前缀（比如/Edit/44、完整域名路径等），需要把选择器中href的匹配值修改为实际渲染的值。

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