JQueryを使用したURLの分割

Question

JQueryを使用してURLを分割して特定の値を取得したい場合、その値が設定されている場合、その値に対応する特定の「div」を表示します。例：

フラグメント識別子 '＃'からURLを分割し、 'div1'の後に値を取得します。

「＃」の後の値が「div1」の場合、javascript/jqueryを使用してチェックしたい場合、「div1」と表示します。

var url = http://www.example.com/index.php#div1, 
hash = url.split('#')[1]; 

if(hash == 'div1'){ 
$('.div1').show(); 
//if the hash is equal to 'div1' show the div with the class 'div1' 
} 

Answer 1

ちょうどURL http://yoursite.com/page#div1指定されたidたとえば

、とlocation.hashを使用し、分割を行う必要がありません、location.hashは#div1を返します。これを使用して適切な要素を選択することができます。

ID方法：

// JS 
$(window.location.hash).show(); 

<!-- HTML --> 
<div id="div1">Hidden</div> 

クラスメソッド：また

、あなたがクラスを使用する必要がある場合、あなたはlocation.hash

// JS 
// The substr method removes the `#` from the beginning. 
// You can just as easily use `replace` 
var hash = window.location.hash.substr(1); 

$('.' + hash).show(); 

<!-- HTML --> 
<div class="div1">Hidden</div>