2016-05-19 5 views
1

ページの読み込み時に、URLの最後の部分のテキストを大文字にしてliとその属性data-filterに追加しようとしています。例えばjqueryでURLに応じてdivにテキストと属性を追加する

、ページはこのURLを持っている場合:

www.myexample.com/#commisions

liは次のようになります。

<ul> 
    <li><a data-filter=".commisions" href="#">Commisions</li> 
</ul> 

私はこの方法で試してみましたが、それは削除されません#テキストから:

var url = document.URL 
var cuturl = url.substr(url.lastIndexOf('/') + 1); 
$(".navbar-brand").html(cuturl); 

どのようにそれを達成することができますか?

+0

を使うと、ロケーションハッシュプロパティ](http://www.w3schools.com/jsref /prop_loc_hash.asp) – anu

+0

'location.hash.substr(1)'または 'url.split( '#')[1]' –

答えて

2

"\"を置き換えるこの

var url = document.URL; 
var cuturl = url.split("#")[1]; 
$("li a").html(cuturl); 
$("li a").attr('data-filter','.'+cuturl); 
1

単純に試してみてください"#"

var cuturl = url.substring(url.lastIndexOf('#') + 1); 

または

var cuturl = url.split("#")[1]; 
+0

よく見えますが、例として属性として追加するにはどうすればいいですか? – codek

関連する問題