2016-05-19 116 views
1

在頁面加載時,我試圖將網址的最後部分的文本(大寫)加到li及其屬性data-filter(帶點後面)。添加文本和屬性的div取決於url與jquery

例如,如果頁面有這個網址:

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

使用[位置hash屬性(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