jQuery找到具有精确href的锚标记

Posted 2023-03-05

【中文标题】jQuery找到具有精确href的锚标记

【英文标题】：jQuery find anchor tag with exact href

【发布时间】：2011-12-23 20:02:50

【问题描述】：

我正在使用以下代码来查找具有匹配 href URL 的锚标记。目前它将返回链接到请求的 URL 的锚点，例如。 /images 以及指向该 url 的子文件夹的任何链接，例如。 /images/recent。如果我只要求/images，我希望它只返回第一个。

$menuChildren = $menuChildren.has('a[href^="'+relativeUrl+'"],a[href^="/'+relativeUrl+'"],a[href^="'+url+'"]');

【参考方案1】：

您正在使用^=，Attribute Starts-With selector。顾名思义，它匹配其值以匹配字符串开头的属性。而是使用=，即需要完全匹配的Attribute Equals selector：

$menuChildren = $menuChildren.has('a[href="'+url+'"]');

【讨论】：

啊，这就是我需要的解释。谢谢，将在 3 分钟内接受答复

【参考方案2】：

如果您想完全匹配 href，请使用 [href=...] 版本

$menuChildren = $('a[href="' + relativeUrl + '"]');