使用jQuery attr()方法按href属性筛选并操作DOM链接元素

嘿，我帮你完善了这段代码，还提供了更简洁的优化方案，一起来看看：

首先修正你原代码的问题 #

你原来的getLinkElementByUrl函数没有正确返回找到的元素，补全后就能正常运行了，我还加了空值判断避免报错：

$(document).ready(() => { 
  const ele = getLinkElementByUrl("/link2"); 
  // 加个判断，防止找不到元素时调用remove触发错误
  if (ele) {
    $(ele).remove(); 
  }
}); 

const getLinkElementByUrl = (url) => { 
  const links = $(".l"); // 抓取所有带.l类的链接元素
  let element = null; 
  for (let i = 0; i < links.length; i++) { 
    const ele = links[i]; 
    const href = $(ele).attr('href'); 
    if (href === url) { 
      element = ele;
      break; // 找到匹配项就跳出循环，不用继续遍历，提升效率
    }
  }
  return element; // 必须返回找到的元素，否则调用方拿不到结果
}

更简洁的jQuery原生写法 #

其实根本不用手动写循环，jQuery的属性选择器可以直接帮你定位目标元素，一行代码搞定：

$(document).ready(() => {
  // 复合选择器：先找.l类元素，再筛选href严格等于"/link2"的，直接移除
  $('.l[href="/link2"]').remove();
});

进阶匹配规则（按需选择）

如果你的href不是严格匹配的场景，可以用这些属性选择器：

• [href*="/link2"]：匹配href包含/link2的元素
• [href^="/link2"]：匹配href以/link2开头的元素
• [href$="/link2"]：匹配href以/link2结尾的元素

如果只想移除第一个匹配的元素，改成这样：

$('.l[href="/link2"]').first().remove();

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