JQuery finden Anker-Tag mit genauem href

Question

Ich verwende den folgenden Code, um Anker-Tags mit einer übereinstimmenden href-URL zu finden. Derzeit werden Anker zurückgegeben, die auf die angeforderte URL verlinken, z.B. /images UND alle Links zu Unterordnern dieser URL, z.B. /images/recent. Ich möchte, dass es nur das erste zurückgibt, wenn ich nur nach /images frage.

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

Answer 1

Sie verwenden ^=, den Attribut Startet-Mit Selektor. Wie der Name schon sagt, stimmt er mit Attributen überein, deren Werte mit dem Suchbegriff beginnen. Verwenden Sie stattdessen =, den Attribut Gleich Selektor, der eine genaue Übereinstimmung erfordert:

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

Answer 2

Wenn Sie genau mit dem href übereinstimmen möchten, verwenden Sie die [href=...] Version

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