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

【问题标题】：jQuery find anchor tag with exact hrefjQuery找到具有精确href的锚标记
【发布时间】：2023-03-31 18:11:01
【问题描述】：

我正在使用以下代码来查找具有匹配 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+'"]');

【讨论】：

【解决方案2】：

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

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

【讨论】：