動的CSSとアンカータグ

Question

下記のhtmlがexample.comサイトに追加されています（非常に重要です）。選択した値を強調表示できるように、選択したリンクにCSSを追加しようとしています。

<a class="value" href="http://example.com?filter=value1">Value1 
<a class="value" href="http://example.com?filter=value2">Value2 etc 

は基本的に私はそれがexmaple.com?filter=value1がロードされたロードした後、選択したアンカータグにCSSを適用します。

注：.value：selected {color：blue}は、リンクがページを更新するため、機能しません。

Answer 1

ハイライトしたい内容は明確ではありませんが、このコードを使用してURLに必要な文字列が含まれているかどうかを確認し、必要な要素のCSSコードを追加できます。

if(document.location.href.match(/\?filter=value1/)){ 
    \\Add custom css to element 
} 

たとえば、このコードは、ユーザーがこのリンクを介してページに到達した場合にのみ、リンクに色を追加します：あなたは一人でCSSでこれを行うことはできません

if(document.location.href.match(/\?filter=value1/)){ 
     $('a[href="http://example.com?filter=value1"]').css('color', 'blue'); 
}