如何使用jQuery中的url參數獲取li值？

Question

讓我們看看我的網址爲：http://test/assignment/reports/55

而且下面是div結構：

<ul class="custom-list"> 
<li value="55">testT</li> 
<li value="58">testt</li> 
<li value="60">123333333333</li> 
</ul> 

通過使用參數 - > 55，我需要使用jQuery在瀏覽器中提醒名稱。

例如當我加載上面的網址：

我需要提醒值testT和類的名稱爲「自定義列表」。

我該如何使用jQuery來做到這一點？

Answer 1

$(document).ready(function(){ 
    var curr = location.href.match(/\d+$/); 
    if(curr){ 
     curr = curr[0]; 
     var elem = $("li[value='" + curr + "']"); 
     if(elem.length) alert(elem.text()); 
    } 
}); 

使用RegExp獲取您的URL的最後幾位（\d+$）。如果元素存在，則提醒元素的文本內容。

Answer 2

var lastSegmentOfUrl = window.location.pathname.slice(window.location.lastIndexOf("/") + 1); 
var theElementWithTheValueOfTheLastSegment = $('[value="' + lastSegmentOfUrl + '"]'); 

會給你你想要做什麼的基礎知識：

alert(theElementWithTheValueOfTheLastSegment.text()); 

您可以檢查最後一段的內容是否相匹配的元素，通過檢查jQuery對象的.length屬性：

if (theElementWithTheValueOfTheLastSegment.length) { 
    // > 1 element matched 
} else { 
    // no elements matched 
} 

欲瞭解更多信息，請參閱window.location object on MDC

Answer 3

您可以使用此jQuery的URL解析器插件：

https://github.com/allmarkedup/jQuery-URL-Parser

那麼這將是一個問題的：

var myVal = url.segment(3); 
var toAlert = $('li[value='+myVal+']').html(); 
alert(toAlert);