2017-12-10 7 views
1

URLでHTMLタグのCSS背景色を設定する方法は? (ページをロードした後)。jQuery - CSSの背景色を設定するには

例1: 指定されたアドレス:http://example.com/list/#c

<div id="list"> 
    <ul> 
     <li><a href="#a">link-aaa</a></li> 
     <li><a href="#b">link-bbb</a></li> 
     <li><a href="#c">link-ccc</a></li> <!-- need to mark this line --> 
     <li><a href="#d">link-ddd</a></li> 
    </ul> 
</div> 

例2:指定されたアドレス:http://example.com/list/#d

<div id="list"> 
    <ul> 
     <li><a href="#a">link-aaa</a></li> 
     <li><a href="#b">link-bbb</a></li> 
     <li><a href="#c">link-ccc</a></li> 
     <li><a href="#d">link-ddd</a></li> <!-- need to mark this line --> 
    </ul> 
</div> 

私はCSSスタイルを適用する方法がわかりませんその項目のjquery jQuery。あなたはHREF a[href='#yourhash']と属性セレクタ[]を使用することができます

???.style.backgroundColor='red'; 
+0

に等しいhrefaにCSSを適用することができます。あなたは 'url'をどういう意味ですか?この場合の「赤」の色はどこから来ますか? href自体から、またはリンクの内容から? –

答えて

0
$('#list li a[href="' + window.location.hash + '"').css({ backgroundColor: 'red' }) 

。次に、URL(window.location.hash)から現在のハッシュ値を持ち込み、javascriptでプロパティを設定します。

具体的にCSSを設定するのではなく、私は個人的にクラスを使用します。また、これを設定する前に、他のすべてのタグで背景色をリセットしたり、クラスを削除したりしてください。

+1

'window.location.hash'はすでに#hashを返しています...' '#" + "の必要はありません – Miro

+0

最初は余分なハッシュを使わずに行いました。私の頭の上から覚えていない。乾杯。 –

+0

問題ありません:) –

0

まず、負荷のハッシュを取得する必要があります:

var hash = window.location.hash;

その後、あなたは私はかなり理解していないhash $('a[href$="'+hash+'"]').css('color','red');